书笙

代码运行结果 代码示例 挂载阶段 第一步，执行第一句代码，createApp(App).mount("#app"); 进行组件挂载。可以查看之前的文章，来看详细流程。 我们这里只聊聊组件挂载的核心，详

代码运行结果 代码示例 emit 原理 第一：挂载逻辑可以看以前的文章：Vue 组件挂载原理， 这里我们聊关键的部分。 挂载子组件的时候，将 count, onChildUpdate 自定义事件函数

代码运行结果 代码示例 第一：挂载子组件的时候，通过 h， createVNode 函数，创建虚拟 Dom 的时候，在 normalizeChildren 函数中 判断第三个参数是对象，则给子组件的示

运行结果 代码示例 组件挂载 第一：执行第一句代码 createApp 函数，传入 App 组件。实际上调用的是 createAppAPI 函数返回的 createApp，在 createApp 函数

运行结果 代码示例 挂载阶段 第一：调用 toRef 函数，调用 new ObjectRefImpl 创建 objectRef 对象。 第二：调用 ObjectRefImpl 的 constructo

概述 Vue Diff ，React Diff 算法都是同级节点的递归比较, 核心就是复用。 为什么是同级比较，笔者认为用户在操作 Dom 节点的时候，很少有将儿子节点变为父亲的情况，多数都是 向后追

运行结果 代码示例 执行第一句代码：ref(false), 调用 ref 函数 第一： ref函数，调用 createRef 函数。 第二：createRef 函数中, 通过 new RefImpl

代码运行结果 代码示例 挂载阶段 第一：第一篇文章详细介绍了 reactive 创建响应式流程，我们这里默认已经创建好了响应式对象 obj。 [Vue 源码] Vue 3.2 - Reactive 原

代码运行结果 代码示例 挂载阶段 第一：第一篇文章详细介绍了 reactive 创建响应式流程，我们这里默认已经创建好了响应式对象 obj。 [Vue 源码] Vue 3.2 - Reactive 原