进击的桐人

这次处理数组的七个方法，使其成为响应式。 重写每一个函数不现实，所以打算先获取数组的原型对象，然后生成一个新的对象来继承此原型对象，这个新的对象就拥有数组的一切属性方法，且不会对原生的数组产生任何影响。 对于 push, pop, splice，响应式数组唯一不同的地方在于，对…

前面的几篇文章，大致解决了从模板与数据到虚拟节点，再到渲染至页面上这一过程，接下来的几篇，着手解决响应式，即数据发生修改，页面随即更新的功能。 我们都知道在 Vue 2.x 版本中，数据的双向绑定是靠 Object.defineProperty（）来实现的。 在 3 的版本中使…

上一篇中，我们使用了闭包来缓存某些数据，将多次的遍历转换为一次遍历。今天这篇，我们使用闭包来缓存 vnode，当数据发生改变时，无需重新生成 vnode，而是直接对 vnode 中的 {{data}} 进行替换。 值得注意的是，Vue中使用的是 AST + data => vn…

今天的内容主要是柯里化函数的应用。 在Vue中，存在两种标签：html内置标签（例如 div, span, p 等）与自定义组件标签（例如 my-div, base-table ）。 我们每次拿到一个节点时，需要去判断这个节点的标签（tagName）是否属于内置标签，才能进行接…

在前面，已经解决了属性的深层次渲染，接下来需要解决虚拟节点的问题——即将DOM转换为vnode。 这里只考虑元素节点（type=1）和文本节点（type=3），其他类型的节点还有：属性节点、注释节点、文档节点等，总共12中节点。 首先拿到一个节点的 nodeType, node…

其中第14行，通过 data[g.trim()]的方法获取属性值。如今，需要获取层级属性，只需遍历路径，依次拿到属性值即可。 因此构建一个新的函数 getValueByPath（data，path）。

这次的主题：实现构造函数 MyVue。 今天，主要解决一件事，实现构造函数 MyVue，并在其原型上添加render,compiler,update 这三个方法。 最后，在 MyVue 的原型上添加 compiler 函数，内部调用之前写好的编译函数。

vscode界面简洁、生态环境丰富，不失为最好用的编辑器之一。 首先使用 npm init 初始化 package.json ，然后 npm install vue 来安装添加vue的依赖，这样我们就可以在 node_modules 里看到vue的源码了。 我没有使用打包工具，…

其中第14行，通过 data[g.trim()] 的方法获取属性值。如今，需要获取层级属性，只需遍历路径，依次拿到属性值即可。 因此构建一个新的函数 getValueByPath（data，path）。