Vue中的组件

   拥有专属的HTML+JS+CSS+数据的可重用的独立的页面功能区域，只要发现网页中有一个功能可能被多处反复使用，都应该封装为组件。

  每一个组件都相当一个缩微的小new vue（）对象，只不过不是用new vue（）方式创建，new  vue（）中有什么，组件中也就对应有什么。

  有两处特殊的：

 1、组件是先定义HTML，再将HTML反复显示到页面上，不需要查找，没有 el：#app

2、将来每个组件副本的数据都是专属的，互相不影响的，所以不能只定义一个data对象，以后data变成了一个函数，给每个组件副本都创建一个专属的data对象。

 所以组件中data为什么必须是一个函数？

 只有函数才可以反复的调用； 每次调用都回去创建一个新的对象副本；这也避免了组件间互相冲突。

组件的运行原理：

 当 new vue（）扫描到不认识的标签时，都会去内存中vue 类型中查找有没有同名的组件，如果找到了就会做一下三件事：

  1、复制组件template中的HTML片段代替页面上组件的标签位置

2、自动调用data（）函数，返回一个新创建的模型对象，其中也包含了当前组件专属的模型白能量。

3、自动为当前组件区域创建一个缩微版的new vue（），负责监视组件这个小区域的所有事宜。