Vue全局组件和局部组件的注册(vue全局组件和局部组件)

推荐整理分享Vue全局组件和局部组件的注册(vue全局组件和局部组件)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue3.0全局组件,vue全局组件和局部组件封装,vue全局组件和局部组件是什么,vue全局组件和局部组件是什么,vue全局组件和局部组件封装,vue全局组件和局部组件是什么,vue全局组件和局部组件怎么定义,vue全局组件和局部组件的区别,内容如对您有帮助，希望把文章链接给更多的朋友！

 组件的简介：

组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：

组件的基本使用：

创建一个Vue实例需要创建后才能使用，组件也需要进行注册后才能使用。注册组件分为全局注册和局部注册两种方式。

全局注册：

1.注册全局组件

注册组件就是利用Vue.component() 方法，先传入一个自定义组件的名字，然后传入这个组件的配置

//定义一个名为 my-component 的新组件

Vue.component('my-component'),{

  //组件内容写在这里 

template:"  <lable>自己的组件</lable>  "

注：""  不支持换行，使用模板字符串支持换行 ` `

})

如上方式，就说明创建了一个自定义组件，然后可以在Vue实例挂在DOM元素中使用它。

<div id="app">

  <my-cpmponent></my-component>

</div>

<script>

//定义一个名字为my-component的组件

Vue.component('my-component',{

//组件内容写这里

template:"<lable>自己的组件</lable>"

})

//