vue全局组件和局部组件

Posted 2020-10-22 张啊咩

1.全局注册组件

Vue.componet(‘name‘,{
    template:‘<div></div>‘,
    data(){
        retrun {}
    }
})

使用了以上这种方式注册的组件可以在全局任何一个地方的template里面使用

2.局部组件

//组件a
export default{
    template:‘<div><name></name></div>‘,
    data(){
        retrun {}
    },
    components:{
        ‘name‘:{
            template:‘<div></div>‘,
            data(){
                retrun {}
            }
        }
    }
}

这种方式写就只能在这个父组件的template里面使用