sycamore1115

Virtual Dom 库 Virtual Dom 就是又普通的 js 对象来描述 Dom 对象，因为 Dom 对象是非常庞大，而且兼容性不好，虚拟 Dom 在复杂视图中可以提升性能还可以跨平台使用。

回顾一下，整个建议的 vue 响应式代码中，首先在 vue.js 中存储了传入的参数，然后将 data 中数据都转换为 getter/setter 添加到了 vue 实例上。然后在 observer.

对于这个简易的 Vue 还有一些问题，比如在实现 v-model 的时候我们还没有实现在输入的同时改变绑定的 data 属性。 双向绑定 这里对于输入框的绑定很简单，监听他的 input 事件，然后修

前面我们已经处理好了数据，并将数据都显示到了页面上，接下来要做的就是实现数据的响应式。 在 Vue 的响应式模式中我们需要用到前几篇说过的观察者模式来实现，观察者模式中就有 Dep(目标) 和 Wat

至此我们已经将数据都存储好，而且将 data 中的属性都转换为响应式的了，接下来我们需要做的就是编译插值表达式和指令，将 html 中的 {{}}、 v-text 和 v-model 都解析成 dat

我们已经实现了 Vue 接收存储参数并将 $data 中的属性转换成 getter/setter，注入到 vue 实例中。 在上篇中我们也提到过 $data 中的 setter 是真正监视数据变化的地

模拟实例 我们就按照以下基础使用，其中包含了差值表达式、v-text 和 v-model，实现一个简单的 Vue。 先在浏览器的控制台上打印一下 vue 实例，看一下我们需要实现其中的哪些属性。 模拟

发布订阅模式 发布订阅模式有三个部分，发布者和订阅者是通过事件中心联系的，vue 中的 $on 和 $emit 就是使用发布订阅模式的，调用 $emit 的组件就是发布者，调用 $on 的组件就是订阅

数据驱动 数据响应式 数据改变 ==> 视图改变 当我们改变数据的时候，视图会相应的更新，不需要我们做任何的 DOM 操作。Vue 封装了很多 DOM 操作，不需要我们再像 jquery 一样去写很多