1. 程式人生 > >vue全局組件和局部組件

vue全局組件和局部組件

方式 export {} gpo name one clas ret col

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裏面使用

vue全局組件和局部組件