Vue2中的组件了解

什么是组件？

当一个页面的数据视图非常庞大的时候，逻辑和数据比较复杂，造成页面臃肿，不方便阅读调试，这个时候可以把一个页面拆分开，把一个页面一个个功能单独拆分到不同的文件里面，不同的文件完成特定的一些功能，分割出来的每一个模块叫做组件。

---

组件化的好处

项目结构清晰，跟容易阅读调试，每一个组件之间作用域也都是相互隔离的互不干涉

---

创建和使用组件

1，创建组件

 根组件：使用new Vue构造函数进行创建的 特点具有el属性，并且data是一个对象，

            全局组件：Vue.component()创建，特点，可以在任何地方使用，并且data字段是一个有返回值的函数，返回的对象是组件得到数据

            局部组件：定义在组件对象的components字段里，特点，只能在当前组件使用，data字段也是函数

2，使用组件

和普通标签使用方式一样

---

注意细节

 template这个模板标签要求有且仅有一个跟节点

 定义组件时候 采用的小驼峰定义，使用的时候可以采用横线分割法进行使用

---

非跟组件和根组件有什么区别？

 根组件里面的data是一个对象：根组件有且仅有一个

 非根组件：可以重复使用，要求每一个地方使用的的时候必须是一个独立的作用域，保证每一个组件data是隔离的，可以通过函数来隔离作用域，所以非根组件data就是函数