- 001入门概述与环境：数据变了，界面自己变从「改个数据要手动找 DOM」的旧日常引出 Vue 的核心主张：用 create-vue 一行命令搭起项目、预览单文件组件的三段结构、跑通并亲手修改第一个组件；附 Node 版本与模板未闭合两类真实报错的调试实录。
- 002入门第一个组件：从 createApp 到页面渲染顺着 main.js 的 createApp 追问「组件怎么变成页面」：script setup 顶层绑定直达模板、ref 初见（带 .value 的盒子）、事件绑定做出最小计数器、子组件的导入与注册，附变量忘了 .value、组件解析失败、变量名拼错三类真实报错调试实录。
- 003中级模板语法：能写什么，不能写什么从一个编译报错出发划定模板的边界：插值只收表达式、v-if 与 v-show 的分工、v-for 加 :key 的为什么、v-bind 与 v-on 缩写、计算属性初见、v-html 的 XSS 红线，附三类真实编译报错的调试实录。
- 004中级Vue3 指令系统内置指令、自定义指令与指令钩子函数。
- 005入门表单绑定与组件 v-modeltext/select/checkbox/radio 各自的绑定语义、.lazy/.number/.trim 修饰符、组件 v-model 与 defineModel（3.4+）、多 v-model 参数——后台表单与设置页实战
- 006中级响应式系统从给前端实验室播放器做状态的真实场景理解 Vue 3 响应式：Proxy 原理、ref 与 reactive 的选择、浅层响应与 markRaw、effectScope 作用域管理，以及解构丢失响应性等经典坑。
- 007进阶computed 缓存与 watch 时机：依赖变了之后，到底谁先跑以「count 改了之后，computed 为什么不立刻重算、watch 为什么不在赋值那行立刻执行」引入两个派生 API 的心智模型：computed 是带脏标记的惰性缓存，watch 是排队等待调度的副作用；用五次实验讲透惰性求值、缓存命中、flush 三档时机、deep 与旧值陷阱、onCleanup 竞态治理，附执行顺序预测题与搜索框竞态修复实战。
- 008中级生命周期钩子Vue3组件生命周期钩子详解：创建、挂载、更新、卸载与调试钩子的使用场景。
- 009进阶组合式 API 优势场景：从「跳四个块」到「一个函数」从阅读页改一个功能要在 data、methods、mounted 间跳四趟讲起：同一组件两种写法对照，把阅读进度抽成 useReadingProgress 组合函数，对比 mixins 的来源不明与命名冲突，附 setup 漏 return、组合函数丢上下文、props 解构三则调试实录。
- 010中级自定义 HookVue3组合式函数（Composables/自定义Hook）设计模式、最佳实践与常用Hook实现。
- 011中级组件基础与通信单一主题：SFC、defineProps（含 3.5 响应式解构）、defineEmits、attrs 透传、defineOptions 与组件通信总览——组件如何定义、如何对话
- 012入门插槽与内容分发默认/具名/作用域插槽递进、v-slot 解构、动态插槽名、编译作用域与无渲染组件模式——通用列表与表格列自定义实战
- 013中级Teleport 与 Suspense：组件树和 DOM 树是两张图以「弹窗 z-index 压不住页头」引入 Teleport 的双树心智模型——组件树管数据流、DOM 树管物理位置，Teleport 只改后者；再用 Suspense 讲清「渲染前等待」的协调机制与 defineAsyncComponent 的分工，覆盖 defer 延迟传送、事件冒泡路径、scoped 样式去向、嵌套 Suspense 等高频坑，附弹窗关闭逻辑与页面骨架两个动手任务。
- 014中级Transition 与动画：Vue 怎么知道你的动画什么时候演完以「过渡类名到底什么时候加、什么时候摘」为主线讲透 Transition 的类名时间线：插入前一帧到摘除的逐帧变化、结束信号的三种来源（transitionend、animationend、显式 duration）、mode 互斥切换、TransitionGroup 的 FLIP 移动动画原理，以及 CSS transition 与 animation 的经典失效现场，附逐帧打印实验与列表重排挑战题。
- 015入门动态组件、递归组件与函数式组件component :is 的传参与缓存、递归组件渲染树与评论楼中楼、真正的函数式组件、组合替代继承、高阶组件与错误边界——组件进阶模式全集
- 016进阶异步组件与 SuspenseVue 3异步组件defineAsyncComponent与Suspense配合使用。
- 017进阶KeepAlive 缓存与生命周期Vue 3 KeepAlive 组件缓存机制完整解析：include/exclude/max、activated/deactivated 生命周期、缓存刷新与内存管理。
- 018中级Provide 与 Inject从「给全站做主题切换」的真实场景学会 provide / inject：响应式注入、InjectionKey 类型安全、readonly 加修改方法的状态保护模式，以及异步调用与 SSR 单例污染两大坑。
- 019中级Vue Router 详解路由配置、导航守卫、懒加载与路由元信息。
- 020进阶Vue-Router 导航守卫Vue Router 导航守卫详解：全局守卫、路由独享守卫、组件内守卫、触发顺序与鉴权实践。
- 021中级Pinia 状态管理详解Store 定义、状态读写、异步操作与插件机制。
- 022进阶Pinia 持久化插件：刷新之后，状态还在从阅读偏好刷新即丢讲起：先手写 $subscribe 加 localStorage 版理解原理，再接入 pinia-plugin-persistedstate v4（pick/omit、sessionStorage、serializer、beforeHydrate/afterHydrate），附 v3 paths 静默失效、SSR 无 window、setup store 的 $reset 三则调试实录。
- 023中级TypeScript 集成教学化重写：defineProps 泛型、组合函数返回类型、模板与 ref 自动解包的类型陷阱、vue-tsc 检查工作流——逐个拆常见类型报错
- 024进阶插件开发Vue3插件开发详解：插件结构、app.use注册、provide/inject、指令插件与全局组件注册。
- 025中级自定义指令进阶自定义指令高级用法
- 026入门Vue 3 与 Vite：vite.config.ts 逐行拆解与三条命令以 create-vue 生成的 vite.config.ts 逐行拆解为线索，讲清 dev/build/preview 三命令、@ 别名、开发代理与环境变量 VITE_ 前缀约定，附真实报错的调试实录。
- 027进阶Vue3 编译优化：diff 之前，编译器已经替你剪过枝从「改一个数字为什么要遍历整棵树」讲起：用 SFC Playground 亲眼看编译产物，学会读静态提升、PatchFlag 枚举、Block 动态节点收集与事件缓存，再搞懂 v-memo、优化失效场景与 SSR 字符串编译，附手写 render 丢优化、v-for 下标 key 破坏复用两则实录。
- 028中级虚拟 DOM 与 diff 算法单一主题：为什么需要虚拟 DOM、Vue3 diff 的五步流程与最长递增子序列、与 React 的对照——响应式原理归 050、编译优化归 280
- 029入门渲染函数与 h()在虚拟 DOM 理论之上动手写 render：h() 参数与 vnode 结构、动态组件与函数式组件的 render 实现、模板何时该换 render、JSX 简述——表格列渲染器与动态表单两个工程场景
- 030中级Vue3 测试策略：测行为，不测实现从「改一处崩三处」的回归恐惧讲起：用 Vitest 加 Vue Test Utils 给收藏按钮写第一个组件测试，再覆盖组合函数（withSetup 助手）、Pinia store（setActivePinia）、路由与 mock（vi.mock 提升机制），附忘 await trigger、Pinia 未激活、mock 提升三则调试实录与测试金字塔取舍。
- 031中级Vue3 与 Web ComponentsVue组件与Web Components互操作
- 032中级Vue3 性能优化实践：测量先行，四层动刀从内容库浏览页「筛选卡、滚动掉帧、首屏 2MB」三宗罪讲起：Performance 面板定位后按层动刀——响应式层 shallowRef/markRaw、渲染层 key 与组件边界、体积层异步组件与路由懒加载、验证层复测与 web-vitals，附深层 watch 卡顿、v-if 拿不到 v-for 变量、事件泄漏三则实录。
- 033入门Vue3 性能工程工具箱：虚拟列表、Worker、构建与预算与 320 篇配套的工程件集合：三十行手写虚拟列表核心与 vue-virtual-scroller 完整版、Web Worker 计算卸载（?worker 导入）、请求去重与缓存组合函数、Vite 分包压缩与体积分析、Lighthouse CI 性能预算配置，让优化从手工操作变成可复用资产。
- 034进阶Vue 性能优化详解Vue 3 性能优化详解：shallowRef/markRaw 响应式减负、v-memo/v-once 渲染跳过、虚拟滚动与异步组件，附完整可运行示例与陷阱清单。
- 035进阶Vue3 服务端渲染：先出 HTML，再接上电从文档阅读页「白屏 2 秒、搜索引擎抓不到正文」讲起：手搭最小 SSR（createSSRApp 每请求新实例 + renderToString），拆解水合与 mismatch、单例污染、数据预取与状态注水、流式渲染，附 window 未定义、水合不匹配、跨请求串数据三则实录，Nuxt 集成另见 355 篇。
- 036入门Nuxt 快速上手：手搭 SSR 的工程化形态从 350 篇的手搭链路出发学 Nuxt 3/4：约定式路由替代手动注册、useAsyncData 与 useFetch 替代数据预取注水、server/api 用 Nitro 写后端、渲染模式按路由切换与静态生成、useHead 管 SEO、error.vue 兜底，附水合随机值与 useAsyncData 键名两则实录。
- 037中级Vue 3.4 / 3.5 新特性从一个真实组件库升级场景学会 Vue 3.4 与 3.5 的高频新特性：defineModel、同名简写、响应式 props 解构、useTemplateRef、useId、watch 暂停恢复与 onWatcherCleanup，附 3.6 Vapor 进展。
- 038进阶Vapor 模式与 Vue 3.6 展望Vue 3.6 Vapor 模式原理与进展：编译期 DOM 操作如何取代虚拟 DOM diff、组件 API 为何不变、渐进式迁移策略与生态兼容性。
- 039入门Vue 3.5 生态版本对照Vue 3.5 核心与周边生态的最新稳定版本、Node 要求与升级要点。
- 040中级Svelte 精要与 Vue 对照用 Vue 的知识体系理解 Svelte：编译时框架、runes 响应式与 Vue 组合式 API 的一一对应。
- 041进阶组件库工程化从源码、构建到发布，讲清 Vue 3 组件库的工程骨架：目录设计、样式方案、类型导出、按需导入、测试与版本发布。
- 042中级Vue3 项目示例：个人博客站点综合运用组合式 API、Pinia 与 Vue Router 的个人博客项目。
- 043中级Vue3 流式 AI 对话组件：SSE 解析与 useAiChat把「新一代 TodoMVC」做扎实：fetch + ReadableStream 解析 SSE 流、为什么不用 EventSource、useAiChat composable 封装（messages/isLoading/abort/send）、打字机效果与中断清理、Markdown 渲染安全、shallowRef 长列表性能、错误重试话术与 Pinia 会话持久化，附动手实验。
- 044中级Vue3 管理后台：Element Plus 与中后台工程模式把中后台当成 Vue 工程能力密度最高的练习场：布局与菜单同源的路由心智模型、Element Plus 按需引入、CRUD 四件套页面模板、权限三层防线（路由级/按钮级/接口级）、文件流导出与 Pinia 状态组织，并说明为什么不要整包复制 vue-element-admin。
- 045中级Vue3 学习总结：核心知识体系回顾串联 Vue3 模块全部文档，回顾响应式系统、组合式 API、组件体系、路由状态与工程化的核心脉络。