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

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

 

//局部注册

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

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

})

new Vue({

 el:"#app",

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

 "my-component":mycomponent 

}

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

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

扫描二维码关注公众号,回复: 4593955 查看本文章

//全局注册

var mycomponent  = new extend({

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

})

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

new Vue({

el:"#app"

})

//局部注册

 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"

})

猜你喜欢

转载自www.cnblogs.com/taotao666/p/10156789.html
今日推荐