前言 Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Pinia.js

之前我们介绍过组件在挂载时执行 $mount 方法，实际执行的是 mountComponent 方法。在这个方法里创建了一个当前实例的渲染 Watcher 对象，第二个参数是 updateComponent 方法，如果该方法被调用会最终执行 _render 方法，_render…

响应型数据：在Vue中，修改数据后会重新渲染，那么它是怎么做到的呢？通过劫持引用型数据的属性的getter和setter方法，从而将数据变成响应型数据（使用Object.defineProperty或者Proxy来实现）。 观察者：变成响应型数据后，那么哪些数据更改后会触发重新…

扫描下方的二维码或搜索「tony老师的前端补习班」关注我的微信公众号，那么就可以第一时间收到我的最新文章。

Vue 通过建立一个虚拟 DOM 对真实 DOM 发生的变化保持追踪。请仔细看这行代码： createElement 到底会返回什么呢？其实不是一个实际的 DOM 元素。它更准确的名字可能是 createNodeDescription，因为它所包含的信息会告诉 Vue 页面上需…

先看initMixin。因为在Vue的构造函数里面需要执行this._init(options) 看上去比较大“简单”，但是里面每一个initXXX都是大家伙。 这里先提下initRender(vm)。 其中vm.$createElement = function (a, b,…

尤神发布vue3源码已经有大半个月，不少好奇且习惯早起的鸟儿都已经clone好大神代码的汲取养分了。作为其中的一只，再此将膜拜中的过程及收获汇沉淀汇总，以期形成一个系列提升自己。 本文作为系列第一章，将介绍开源项目必须对准开首枪的内容 README. circleci。read…

我们的意图是 —— 监测app这个变量，并在函数中打下一个断点。 我们期待的是 —— 断点停下后，调用栈中出现相关的函数，提供我们分析watch原理的依据。 ... 看到需要经过这么多的调用过程，不禁心里一慌... 然而，如果你理解了上一篇关于computed的文章，你很容易就…

Object是一种引用数据类型，也是一个构造函数。 Object的原型。 Object原型处于原型链的顶端，是所有对象的原型。 返回Object函数名。 将两个对象合并，并返回新的对象。 在产生冲突时，后者的属性会覆盖前者。 该方法属于浅拷贝。 以对象原型，创建一个新对象。 第…