Vue3底层原理

快速浏览 watch 函数 支持多种数据源： ref 对象 reactive 对象 getter 函数 数组形式的多个数据源 主要选项： immediate: 是否立即执行回调 deep: 是否深度监

快速浏览 Vue 的调度器（Scheduler）主要负责管理和执行异步任务队列。 核心数据结构： 主要方法： nextTick： queueJob： queueJobFlushCb： flushJob

核心实现分析 基础变量: nextTick 函数签名: 工作原理 Promise 选择 函数首先选择使用 currentFlushPromise 或 resolvedPromise 如果当前有正在进行

核心方法和实现 1.ref()函数 创建一个响应式引用 内部通过 RefImpl 类实现 可以保障任意类型的值 RefImpl类的核心实现： setter 函数 参数和初始处理： 函数接收一个新值ne

核心类和接口定义 ComputedRef 接口：只读计算属性的类型定义 WritableComputedRef 接口：可写计算属性的类型定义 ComputedRefImpl 类：计算属性的具体实现类

核心实现 watch 函数实现 实现了 Vue 中的 watch API 支持监听多种数据源: ref 对象 reactive 对象 getter 函数 数组形式的多个数据源 支持配置项： immed

响应式对象与只读对象 Vue3 响应式系统的关键 API 与 rective相关的有以下四个： reactive(): 创建深度响应式对象 readonly(): 创建只读响应式对象 shallowR

Vue SFC 文件经由 vue-loader 拆分成 template、script、css，script 由 Babel-loader等处理完以 script 形式嵌入 HTML，css 经由 s

组件的渲染流程由三个步骤组成： 创建 VNode 渲染 VNode 生成 DOM 其中渲染 VNode 的过程主要就是在挂载组件，而挂载组件又分为三个步骤： 创建组件实例（createComponen

Vue3 的 diff 流程 新旧 VNode 对比的开始 触发更新机制：在 Vue 3 中，当组件的响应式数据发生变化时，会重新执行组件的渲染函数来创建新的虚拟节点（VNode）。然后，会启动 DO

从 VNode 到 DOM vnode 本质上是用来描述 DOM的 JavaScript 对象，它在 Vue 中可以描述不同类型的节点，比如普通元素节点、组件节点等。 HTML 实现的普通节点： vn