Vue中的局部组件是什么

这篇文章给大家介绍Vue中的局部组件是什么，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

在Vue中我们可以自己定义(注册)局部组件

定义组件名的方式：

var ComponentA = { /* ... */ }var ComponentB = { /* ... */ }

然后在 components 选项中定义你想要使用的组件：

new Vue({  el: '#app', // 组件中心  components: { // 在视图层渲染 局部注册组件时  // component-a：你要在视图层调用时使用的名称  // ComponentA：  局部注册组件名称    'component-a': ComponentA,    'component-b': ComponentB  }})

在视图层调用局部组件：

举个列子：

输出结果为：

关于Vue中的局部组件是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。