eason_fan

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

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

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

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

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

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

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

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

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