vue基础2组件化

vue组件化
1**.生出子**

 //声明入口组件 对象的方式
         var mybody={
            template:'<div>我是身体</div>'
        }
        var myfooter={
            template:'<div>我是尾部</div>'
        }

2. 声明子

var App={
            template:'<h1>我是入口组件</h1>',
            //声明
            components:{
                'my-header':myheader,
                'my-body':mybody,
                'my-footer':myfooter
            },
            //调用
            template:`
                <div>
                     <my-header></my-header>
                    <my-body></my-body>
                    <my-footer></my-footer>
                </div>
            `
        }

3.使用子

new Vue({
            el:"#app",
            components:{//声明要用的组件们
                //key是组件名，value是组件对象
                app:App
            },
            template:'<app/>' //入口组件
        })