vue局部组件和全局组件,vue中的全局组件和局部组件有什么别区?

　　本文主要介绍Vue中的本地组件。文章重点介绍了Vue本地组件的相关信息。如果你需要一个孩子伙伴，请参考下面这篇文章的具体介绍。希望对你有帮助。

　　在Vue中，我们可以自己定义(注册)本地组件。

　　定义组件名的方式：

　　var ComponentA={ /*.*/}

　　var ComponentB={ /*.*/}

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

　　新Vue({

　　埃尔： #app ，

　　//组件中心

　　组件：{

　　//在视图层中呈现本地注册的组件时

　　//component-a:视图层中要调用的名称。

　　//ComponentA:本地注册组件名

　　成分a:成分a，

　　组件-b :组件b

　　}

　　})

　　在视图层调用局部组件：

　　div id=应用程序

　　组分a/组分a

　　组件b/组件b

　　/div

　　举个列子：

　　身体

　　div id=应用程序

　　组分a/组分a

　　组件b/组件b

　　/div

　　脚本src=。/js/vue.js/script

　　脚本

　　让componentA={

　　模板：` 1

　　p我是本地组件1/p

　　`

　　}

　　让componentB={

　　模板：` 1

　　p我是本地组件2/p

　　`

　　}

　　让vm=new Vue({

　　埃尔： #app ，

　　数据：{

　　},

　　组件：{

　　成分a:成分a，

　　组件-b :组件b

　　}

　　})

　　/脚本

　　输出结果为：

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。