vue组件化and全局组件和局部组件的创建及使用
关于vue的组件化，以及全局组件、局部组件的创建和使用
①组件化 ：首先要简单的理解组件化，这里引用vue官网的一张图
在这里，我们可以将整个页面看作一个根组件，向下分支的三个子组件，分别是页头、侧边栏、内容区。侧边栏里面可以看到有两栏内容，对应右边第二行中间的侧边栏组件又向下分支出两个子组件。所以，对于我们的页面可以看成由大到小，由上到下的组件嵌套，由此就衍生出了类似父子组件，兄弟组件这种组件之间的关系，可以使得整个页面系统化。
②局部组件与全局组件 再看一张图**以这张图为例子，上面的导航栏组件和左边的侧边栏组件就要注册成全局组件，因为这个页面在切换的时候这两个大组件始终会显示出来，而右边的内容组件跟这两个就不一样，内容区是按照侧边栏的点击情况按需显示。所以一个组件若注册成全局的，则表示这个组件需要一直显示出来，典型的就是侧边栏组件。而全局组件则是在你需要的时候才显示出来，比如内容区里的小组件。
③局部组件的创建和使用
先看一个最简单的局部组件的创建和使用
只需要三步：（1）创建一个局部组件,命名为App，这里先简单只写一个template模板 。（2）利用组件的components，将App挂载上去。（3）在页面使用<App></App>即可.
这里对此局部组件进行丰富无论是父组件还是子组件，局部组件还是全局组件，都有自己的data,methods,template可以按自己需求丰富，这里要特意指出，组件里的data必须是一个函数，返回一个对象*这样每一个组件就可以维护自己的一份实例，避免数据的冲突具体可以参考文章
https://blog.csdn.net/qq_37140632/article/details/85270608
④全局组件的创建和使用
利用Vue.component来创建全局组件在创建完毕之后，与局部组件不同，全局组件不需要挂载，可以直接在其他组件的template模板中使用，这里将其在刚创建的App组件中使用：
至此，vue的组件化概念以及全局组件和局部组件的创建和使用写完。
总结：要有一下思想：将页面中的一个版块看做一个大的组件，而板块里面的一个个小功能就是一个个小组件。组件是否需要全局展示：比如导航栏，侧边栏。如果需要，则利用vue.component注册成全局组件，否则注册为局部组件。局部组件包括创建，挂载，使用三步，而全局组件省去了挂载这一步，创建完直接在template使用即可。后面总结组件之间的通信，有需要的小伙伴关注(▽)
以上是 vue组件化and全局组件和局部组件的创建及使用 的全部内容， 来源链接： utcz.com/z/376661.html
