[JavaScript知识库]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（），负责监视组件这个小区域的所有事宜。