Vue 响应式原理
这又又又是炒冷饭的一篇笔记。。。。
vue的基本结构
这是一个vue的基本结构的简单代码
vue实例观察
这是打印出vue的实例的部分截图
整体结构 分析
- Vue
- 把data中的成员注入到Vue实例，并且把data中的成员转成getter/setter
- Observer
- 对数据进行监听，如果有发生变动就通知 Dep
- Complier
- 解析每一个元素中的指令、插值表达式，并且替换成相应的数据
- Dep
- 添加观察者，当数据发生变化的时候通知所有的观察者
- Watcher
- 内有update方法，负责更新视图
接下来我们会根据这边的归类实现一个简单的vue
