vue 的全局组件和 局部组件

时间:2022-05-14 21:10:28

vue组件局部与全局注册的区别

 

//局部注册

 var mycomponent = new extend({        <!--Vue.extend()是Vue构造器的扩展,调用Vue.extend()我们将创建一个组件构造器-->

 template:"<div>我是局部注册</>"

})

new Vue({

 el:"#app",

components:{                 <!--components是实现局部注册的属性-->

 "my-component":mycomponent 

}

}) <!--这样我们组件就能应用在id=app的标签里面,其他地方不能应用,会报错!

     如果想组件在任何地方都能应用,我们就需要注册全局组件-->

 

//全局注册

var mycomponent  = new extend({

 template:"<div>我是全局组件,能在任何地方应用哦</div>"

})

Vue.component("my-compoent",mycomponent)    <!--这样就注册了一个全局组件-->

new Vue({

el:"#app"

})