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"

})


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM