eason_fan

通过前面的文章，我们已经分析了vue3的响应式系统、render流程、diff算法、生命周期。本节，我们来总结一下vue3源码中涉及的性能优化方法。...

Suspense 是 Vue3 新增的一个内置组件，用于处理异步组件和异步依赖。本文将深入分析其实现原理，理解 Vue3 是如何优雅地处理异步加载状态的。...

上一节，我们分析了KeepAlive组件的实现。本节我们来分析Teleport，Teleport 是 Vue3 新增的一个内置组件，用于将组件内容传送到 DOM 树的其他位...

春节期间回家过年，写了一些文章没有及时更新。上一节，我们分析了异步组件的实现。本节，我们来分析 KeepAlive 组件的实现。...

Vue 提供了 defineAsyncComponent 方法来实现这个功能。本节将分析其内部实现原理。...

Vue3 虚拟节点生命周期分析 前言 在上一节中，我们分析了组件级别的生命周期钩子。本节我们将分析 Vue3 中虚拟节点(VNode)级别的生命周期钩子，这些钩子提供了更细...

本节，我们将核心流程再过一遍，重点关注所有生命周期钩子函数的执行时机，以及它们在不同场景下的执行顺序。...

一个规模大点的公司大概率会有很多子系统，每个子系统都是属于公司的，没必要为每个子系统做一个登录系统，因为用户是相通的，把每个子系统的登录部分抽离出来形成一个认证中心，这就是...

本节我们来看看另一个核心响应式 API —— reactive 的实现原理。reactive 主要用于为对象类型创建响应式代理。...

今天我们来看看 ref 的具体实现。ref 是 Vue 3 中最基础的响应式 API 之一，它可以将任何值转换为响应式对象。...

本文我们将分析另一个重要的响应式 API —— watchEffect。与 watch 不同，watchEffect 不需要指定监听的数据源，它会自动追踪回调函数中使用的所...

本节我们将分析 watch 的实现原理。watch 是 Vue 中另一个重要的响应式特性，它允许我们监听响应式数据的变化并执行相应的回调函数。...

本节我们将分析 computed 计算属性的实现原理。computed 是 Vue 中最常用的特性之一，它能够基于响应式状态派生出新的状态，并且具有缓存的特性。...

上一节我们分析了 effect 的实现，effect 创建的更新函数或副作用函数通过调度系统来调度执行，本节我们就来分析调度系统的具体实现。...

本节我们分析了 Vue 的 Effect 系统，包括其核心数据结构（ReactiveEffect）和关键方法的实现。...

上一节，我们分析了渲染过程中响应式机制的建立。那么接下来我们就来具体分析响应式机制的具体实现细节，本节先分析依赖收集的具体实现细节。...

前11节，我们已经分析了vue的整个渲染流程。那么在整个渲染的流程中，vue是如何建立响应式机制的呢？今天我们就来分析一下，vue与react最大的区别———响应式机制。...

Vue会根据子节点是否带有key，分别调用 `patchKeyedChildren` 或 `patchUnkeyedChildren` 进行更新。本文我们将深入分析这两个函...

我们看到在更新阶段，Vue提供了两种不同的子节点更新策略：`patchBlockChildren` 和 `patchChildren`。本文我们将深入分析这两个函数的实现细...