vue响应式实现步骤

Question

一个问题，
就算按发布订阅模式，
他是如何收集依赖和更新视图的。
<span>variable</span>
假设span内部变量两边还有很多文本节点。
是如何分辨的出来的当中有这个变量的，怎么收集到当前这里有一处依赖的。

更新视图的时候，
一一查找依赖，如何正确插入到节点中呢。

希望说点原理，最好有伪代码，不要太复杂
主要我也想写一个简陋的响应式，不需要模板哪种编译的

Answer 1

https://vue-js.com/learn-vue/

Answer 2

Vue的源码太长，可以看Lightue的源码，简单明了的实现了同样的依赖收集更新