Vue——全局、局部、父子组件，template模板（二）

全局组件：

Vue.component("my-data",{
    template:`
        

            
            
sgw最帅
        
    `
});

测试：

 

局部组件

let vm = new Vue({
    el: '#app',
    components:{
        "my-data":{
            //1.1模块选项
            template:`
        

            
            
sgw最帅
        
    `
        },
    }
});

父子组件

let child1 = Vue.extend({
    //1.1模块选项
    template:`
        

            
            
sgw最帅
        
    `
});
let child2 = Vue.extend({
    //1.1模块选项
    template:`
        

            
            
sgw最帅
        
    `
});
//2.注册个组件
Vue.component("my-data",{
    components:{
        'my-child1': child1,
        'my-child2': child2,
    },
    template:`
        

            
            

      
`

});

 

模板创建组件