Vue（六）组件、组件化开发

可反复调用；

反复创建新对象；

避免组件间数据冲突。

二、组件化开发

前端一个页面的功能和代码量越来越多，但是操作系统是禁止多人协作编写一个文件的。组件化就是将一个大的页面，划分为多个组件区域，分别保存在不同的文件中，由多人协作开发。最后运行时，还能合并在一个页面中运行。

使用组件进行开发 便于多人协作，提高开发效率；松耦合，一人出错，不会影响全局。

1.组件的使用过程

（1）每当拿到一个页面后，先划分组件区域，根据3个原则：位置、功能、是否重用；

（2）为每个组件创建独立的js文件，来保存组件的代码；

（3）回到原页面中引入并使用组件标签，将组件重新拼接回一个完整的页面。

2.组件分类（vue三大组件）

（1）根组件 new Vue()

整个页面甚至整个项目只有一个new Vue()监控全局。

（2）全局组件 Vue.component()

可放在任何位置，没有限制。

（3）子组件

规定只能在指定父组件范围内使用的组件。子组件的创建及使用如下：

a.只创建