vue 2.0 源码阅读笔记

这里通过讲解model 指令的实现来学习双向绑定的实现过程 首先将整个实现的思路顺下。 在初始化中，首先 new一个vue 实例，通过调用的过程我们可以知道， 先将参数options 对象存为$opt

先探究下语法树是什么，是做什么的 它本质上是一个js对象，vue会字符串的视觉看待.vue文件中的内容。将它解析为AST,下面举个例子 上面的内容会被解析为下面的对象 抽象语法树和虚拟节点的关系 下面

要理解watch 的实现过程，先看下watch 的几种使用方式 一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()

computed 是vue 中的计算属性，接下来会带着问题去看下他是怎么工作的。 计算属性什么时候会计算 计算属性是怎么知道它本身依赖于哪些属性的。以便知道其什么时候更新 vue官方文档的缓存计算结果

在这里探究的DOM 和diff 算法是通俗易懂的，简易版的。 虚拟DOM 是什么样的结构 比如以下这个dom节点 他的虚拟节点 创建一个生成虚拟dom 的函数 创建一个h函数 用来创建虚拟dom 节点

首先将数据响应的关系图通过图形的形式画出来 通过流程图可以看到 大致分为几个不同的方法和类 能够对数据进行观察的 observe 和 observer类 对数组的处理 对数据进行观察的 defineR