- 数据驱动
- 数据响应式
- 数据指的是数据模型
- 改变数据的时候,视图会更新,不需要操作dom
- 双向绑定
- 数据改变,视图改变,视图改变,数据也会改变
- 使用v-model在表单元素创建双向数据绑定
- 数据驱动
- 只需要关注数据本身,不需要关心数据如何渲染到视图
- 数据响应式
- 响应式核心原理
- 2.x
- Object.defineProperty 转化为getter/setter 不兼容IE8以下浏览器
- 3.x
- 由proxy实现,劫持对象 而不是属性
- 2.x
- 发布订阅模式
- 有信息中心,发布者订阅者不知道对方存在
- 观察者模式
- 发布者
- 当事件发生时 通知所有观察者
- subs数据 存储所有观察者
- addSub 添加所有观察者
- notify 事件发生时,通知观察者
- 当事件发生时 通知所有观察者
- 订阅者
- 观察者 update 当事件发生时,具体要做的事情
- 信息中心
- 没有信息中心
- 发布者
- Vue的自定义事件
- 使用$on