7.15 VUE的一些补充

1.双向绑定

概念：数据修改会更新视图，视图修改会更新数据
原理：用Object.defineProperty 劫持 各个属性的getter和setter。数据变动时发布消息给订阅者，触发相应的监听回调
具体实现：分四个模块
Observer：劫持并监听所有属性，属性发生变化时通知订阅者
Dep:收集订阅者，将Observer和watcher统一管理
Watcher：订阅者，负责接收属性的变化通知并执行相应的方法，从而更新视图
Compile：解析者，解析每个节点的相关指令，对模板数据和订阅器进行初始化

2.生命周期

beforecreate：实例初始化，this指向实例，数据观察机制未形成，无DOM节点，可以用作初始化非响应式变量
created：实例创建完成，属性已绑定，data已存在，但dom和el未存在，可以用作：初始化完成事件和异步请求
beforemount：$el和data完成初始化，只有虚拟DOM节点，data.message未替换
mounted：Vue实例挂载完成，data.message成功渲染，此时可以进行后端请求和对实际的Dom进行操作
BeforeDestroy：页面关闭前可以用来销毁一些变量使用

3.为什么key不建议用index

因为index不会跟着item走，无法起到标记item的作用