vue2之diff算法

vue2之diff算法

近期一直在复习vue2，记录下比较重要的一环，diff算法。
前面的渲染流程简单的过一下

  new Vue({
    el: '#app',
    router,
    components: { App },
    template: '<App/>'
  })

1. templete通过语法解析生成AST语法树。
2. AST语法树通过拼接字符串new Function生成render函数
3. 执行render函数生成虚拟节点vnode
4. 将vnode转化成真实dom并挂载在页面上
5. 更新时、再此调用render函数，生成新的vnode
6. 进行diff比对，生成dom