VUE 组件介绍

ES6 模块化
1. 没有模块化的世界：全局变量污染、难以管理的依赖
2. 常见的模块化标准：CommonJS、ES6 Module、AMD、CMD、UMD…
导出js: 使用模块化在script标签上写 type=“module”
在js函数开头 写入 export default(默认导出：{ default：fn })
在js函数开头 写入 export (真名导出(普通导出)：{ double：fn })
1. 从js中写入 import xxx form “路径.js” (导入模块化js)
2. 从js中写入 import {函数名} form “路径.js” (导入模块化js)
3. 从js中写入 import * as xxx form “路径.js” (导入模块化js)
组件概念：
一个完整的网页是复杂的，如果将其作为一个整体来进行开发，将会遇到下面的困难
1. 代码凌乱臃肿
2. 不易协作
3. 难以复用
vue推荐使用一种更加精细的控制方案–组件化开发
所谓组件化，即把一个页面中区域功能细分，每一个区域分为一个组件，每个组件包含：
1. 功能(JS代码)
2. 内容(模板代码)
3. 样式(CSS代码)
组件开发：
创建组件：
组件是根据一个普通的配置对象创建的，所以要开发一个组件，只需要写一个配置对象即可
向组件传递数据：
大部分组件要完成自身的功能，都需要一些额外的信息
比如一个头像组件，需要告诉他头像的地址，这就需要在使用组件时向组件传递数据
传递数据的方式有很多种，最常见的一种是使用组件属性 component props