vue 的全局组件和 局部组件

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"

})