秀秀不只会前端

一、Pinia 概览 Pinia 本质是：「基于 Vue3 响应式系统 + effectScope 的“全局可控副作用容器”」 Pinia 核心代码集中在： 二、createPinia 全局容器 2.

一、keep-alive 概述 源码位置： keep-alive 是一个抽象组件，它不产生真实 DOM，只影响子组件的渲染/生命周期（只“包裹 & 接管”子组件）。 二、keep-alive 渲染流程

Vue 的调度系统 = 副作用执行顺序 + 去重 + 批量刷新 一、Vue 为什么需要调度系统？ 如果没有调度，会发生什么？ 如果每次 set 都立即触发： 造成后果： 性能问题 顺序不可控 DOM

一、Vue 编译器整体架构 Vue3 把编译器拆分为三个部分： 核心目标是把 template 转成“尽量少 diff 的 render 函数” 最终产物不是字符串，而是： 二、编译流水线 Vue 编

一、computed 和 watch 概述 所有响应式逻辑都会依赖 effect 执行，computed / watch / render 本质都是 effect。 ​computed​：带缓存的、惰

一、Vue3 响应式系统概述 Vue3 响应式包 @vue/reactivity，核心由三部分构成： 核心目标： 拦截读取和设置操作 收集依赖 在数据变化时重新触发相关副作用 主要实现 API： 二、

整体流程 完整的创建与渲染流程可以分成这些阶段： 创建 App 实例 创建根组件实例 设置响应式状态 创建渲染器（Renderer） 挂载 Mount vnode -> DOM 渲染 数据变更触发更新

一、为什么 React 要引入 Fiber？ 老架构（Stack Reconciler）的问题，React 16 之前： diff + render 是一次性同步递归 JS 线程被长期占用 浏览器：

一、组件更新链路 二、Vue3 的虚拟 DOM 本质 Vue3 中的 VNode 是一个​高度优化的 JS 对象​： 三、diff 的目标 diff 的输入： diff 的目标只有三个： 复用能复用的