vue组件局部与全局注册的区别
Posted GoTime
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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.compoent("my-compoent",mycomponent) <!--这样就注册了一个全局组件-->
new Vue({
el:"#app"
})
以上是关于vue组件局部与全局注册的区别的主要内容,如果未能解决你的问题,请参考以下文章