Mini-Vue——start up

[vaakian]

手动实现Mini-Vue

1. 构思

• 响应式数据 #23
• vdom #33
• diff & patch #
• 依赖收集 #39

[vaakian]

2. 逐个分析

1） 响应式数据

状态变更触发视图刷新，具体流程是如何？ 因为状态到视图中间，对应着vdom，所以状态变更，导致产生新的vdom，然后对两个vdom进行diff对比，再通过patch方式更新到真实的浏览器视图上。

state -> VirtualDOM -> DOM

所以如何将state与vdom联系起来，产生vdom？ 这里就涉及到2个概念：依赖收集 && 发布订阅

依赖收集 #39

即收集vdom哪一块依赖了哪一个state，最后产出的vdom与新的state相关。