vue 专栏

1、vue3 编译过程 template ==> ast ===> 通过 render 模板 ==> 抽象语法树 ==> render函数 调用栈 目录位置：vue-next/packages/run

vue3 的响应式原理 做响应式： vue2、vue3 的响应式区别： 1、vue2 （动态添加、删除属性 不行） 2、数组 3、初始化深层递归，速度会慢 4、新增的数据结构不支持 map、set 关

1、vue 架构变化 compile-dom ---> compile-core reactivity runtime-dom ---> runtime-core 2、关于打包 1、 vue 是用 r

render函数template：

1、在浏览器平台上的渲染过程为了实现挂载，我们一般需要两个条件通过el找到dom元素存在render函数我们平常在vue使用的写法：带编译器的写法经过以上四种然后通过模板生成render函数rende

这里 createComponent 返回的只是vnode。得到虚拟dom

3. initState做响应式 watcher 和 dep相互保存。 这样dep可以通过notify触发。

实践代码

简版vue的reactive模块1、reactive实践//将传入的obj，动态设置一个key，它的值val2、demo13、最简单的响应式

vue的patch函数目录位置：src\core\vdom\patch.js1.patch函数从何而来通过==createPatchFunction==返回一个patch函数,该方法需要传入属性比较、

针对节点操作的梳理xmind链接分享：http://note.youdao.com/noteshare?id=2a1b43caa42adee5f1a39bc7a49f08d1&sub=7368D5C2

diff算法是==比较两个vnode(虚拟dom)的不同，将其中旧vnode所描述真实dom更新成新vnode所描述的样子==，目的是减少创建dom所进行的开销。 1、 首先知道 在一个组件里如果涉及到更新页面数据的时候， 我们最简单的方法当然是直接替换dom元素。在写jQue…

vuex的用法完整vuex内传入对象一般需要state、mutation、actions实现注意点：1、mutation的方法实现传入需要state2、action传入需要{commit}3、acti

vue-router源码里create-route-map.js做了些什么1、normalizePath方法该方法格式化了url路径2、cleanPath该方式是用正则替换url里的\变成/3、com

vueRoutr对象内有个apps数组，存的是根实例。