Vue

为说明方便，我们采用如下案例： 可以看到在定时器里面，我们更新了根组件上的abc这个data数据 每一个组件中data数据的更新，都会触发这个data数据所在的组件的渲染watcher重新执行，我们这

首先，需要明确，原生节点和组件节点被添加的时机是不一样的，虽然都是在Vue中调用了insert方法，但是调用insert的时机完全不一样 其次，我们需要关注VNode上的elm属性，这个属性代表了VN

![未命名文件.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9c6b8c9dfa314721917e6aeb31a432c3~tplv

响应式的思路： 响应式的数据变化， 数据变化了我可以监控到数据的变化 数据的取值和更改值我们要监控到 Vue使用了构造函数，然后将不同的原型方法分别放到不同的mixin文件中，让相似功能的方法尽可能集