用户24262934760

本篇讨论了Vue 进行子节点列表 DOM diff 的细节部分，Vue 的 patch 阶段和React 不太一样，React 是先 diff 再 patch，vue 是边...

本篇小作文讨论了一下 patch 方法的大致结构，真正 diff 两棵树的 patchVnode 方法还没开始，这里主要讨论的是如何进入到 patchVnode 的执行条件...

本篇小作文相当于给自己复习了，如果是一路读过来的小伙伴到这里也就当复习了吧，本篇并没有开始写 `DOM diff` 的过程，而是 `DOM diff` 的前奏部分——触发渲...

本文是继 `nextTick` 的姊妹篇，同时又是一个深入理解 `nextTick` 精妙设计所在的过程。另外，也解答了何为合并多次修改的性能优化；...

Vue 如何组织队列更新？nextTick 原理？queueWatcheer、flushCallbacks 都在这里了...

本篇小作文作为 patch 阶段的第一篇主要整体梳理响应式实现的三个阶段，并对 defineReactive、Watcher、Dep三者的协作方式进行详细讲解...

本文详细讨论createElm方法的逻辑，该方法根据 VNode 创建真实的元素，其中包含自定义组件和原生DOM，最后完成Vue初次渲染到页面...

本篇小作文开始介绍 patch 函数，patch 函数的作用——把 vnode 通过 DOM API 转成真实 DOM 并插入到页面。今天我们重点讨论的是进行初次渲染的过程...

本篇小作文深入讨论了渲染 watcher 求值调用 updateComponent 方法中对 vm._render 和 vm._update 的调用...

本篇小作文核心是 mount 方法，其核心核心是 mountComponent 方法，该方法创建了渲染 watcher，接着分析了 Vue 如何通过渲染 watcher 收...

本篇小作文讲述了 Vue 处理自定义组件产生 VNode 的方法 createComponent.......

为啥 Vue 的渲染函数的帮助函数 _c 要放到实例上？为啥其他的帮助函数 _l/_s/_t 要放到 Vue.prototype 上？...

本篇小作文介绍了常见的渲染函数的帮助函数的功能：_v/_i/_m/_t/_s/_l/_c；其中 _c 的初始化逻辑与其他的不同，它是在 _init 方法中初始化，其他的都是...

本篇小作文我们给大家展示了Vue根实例的最终得到的 render 函数主体，它是一个递归调用的过程，最终完成顶层 div#app 的渲染工作...

本篇小作文讨论了自定义组件、动态组件的渲染函数；二者的处理都是处理成 `_c(componentName, data, children)` 的调用形式...

本篇小作文介绍了 Vue 在编译时对 <slot> 这个占位符标签的一个处理，编译 slot 标签最终得到 _t 的调用字符串代码：_t(slotName, childre...

本篇小作文的笔墨放在了 Vue 处理 v-if/v-else-if/v-else 这几个条件渲染指令了，看似神秘的条件渲染最终竟然是三元表达式......

本篇小作文讨论了 Vue 在编译时处理另一个常用指令 —— v-for 的渲染函数生成的方法 genFor，最终得到 _l(expr, function(alias, it...

本篇小作文讨论了 genElement 的第一个情况——genStatic 获取渲染结果的过程，genStatic 主要做了以下工作...