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组件局部与全局注册的区别的主要内容,如果未能解决你的问题,请参考以下文章

vue中定义全局组件和局部组件有啥区别

vue引入全局组件和局部组件的区别以及全局注册公共函数

vue 引入全局组件/局部引入

注册全局组件和局部组件

vue中vue全局组件的特点

vue3注册全局组件在vscode中没有智能提示问题