TriF

一、前言 在上文中，我们分析了 Vue3 的 watch API 实现。本文我们将分析另一个重要的响应式 API —— watchEffect。与 watch 不同，watchEffect 不需要指定

在上文中，我们分析了 Vue 的计算属性实现。本文我们将分析 watch 的实现原理。watch 是 Vue 中另一个重要的响应式特性，它允许我们监听响应式数据的变化并执行相应的回调函数。 一、示例引

一、前言 在上文中，我们分析了 Vue 的调度系统实现。本文我们将分析 computed 计算属性的实现原理。computed 是 Vue 中最常用的特性之一，它能够基于响应式状态派生出新的状态，并且

上文我们分析了 effect 的实现，effect 创建的更新函数或副作用函数通过调度系统来调度执行，本文我们就来分析调度系统的具体实现。 一、示例引入 让我们从一个简单的组件更新示例开始： 在这个例

上文，我们详细分析了 Vue 的依赖收集，包括其核心数据结构（Link、Dep）和依赖收集的完整流程。而依赖收集中频繁提到的 ReactiveEffect，作为订阅（Subscriber）的具体实现，

上文，我们分析了渲染过程中响应式机制的建立。那么接下来我们就来具体分析响应式机制的具体实现细节，本文先分析依赖收集的具体实现细节。 一、整体设计 Vue 的依赖收集采用了精心设计的数据结构和算法，主要

一、示例组件 以下面这个简单的 Vue 组件为例，分析其在渲染过程中响应式机制的建立： 二、响应式机制建立流程 在深入分析具体流程之前，我们需要理解 Vue 的响应式机制本质上是一个发布订阅模式： 订

效果示例 引入 Three.js 首先，在 工程中中引入 Three.js 库： 实现步骤 初始化场景、相机与渲染器 创建场景 new THREE.Scene() 添加雾化效果 new THREE.F

在上文中，我们分析了 patchChildren 函数，了解到Vue会根据子节点是否带有key，分别调用 patchKeyedChildren 或 patchUnkeyedChildren 进行更新。