Vue3学习笔记（初版）
1. Vue3简介 2020年9月18日，Vue.js发布版 3.0版本，代号：One Piece（n 经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址：
Vue 3 现代开发指南：系列导航
Vue 3 现代开发指南：系列导航 更新日期：2026-08-31 技术基线：Vue 3.5、Vite 8、Vue Router 5、Pinia 4、TypeScript 7 原来的 Vue 3 长文同时讲工程搭建、响应式、路由、状态管理和组件通信，不适合一次阅读，也不方便单独更新。本系列将这些内容
Vue 3 进阶能力：浅层响应式、原始对象、Teleport 与 Suspense
Vue 3 进阶能力：浅层响应式、原始对象、Teleport 与 Suspense 系列导航：Vue 3 现代开发指南 上一篇：Pinia 4 状态管理 Vue 默认的深层响应式适合绝大多数业务状态。只有在大型不可变数据、第三方类实例、外部状态系统或特殊渲染边界中，才需要 shallowRef、ma
Vue 3 跨层通信：模板引用、provide/inject 与事件总线
Vue 3 跨层通信：模板引用、provide/inject 与事件总线 系列导航：Vue 3 现代开发指南 上一篇：组件契约：Props、Emits、defineModel 与插槽 下一篇：Vue Router 5 大多数组件通信都应先使用 Props、Emits、v-model 和插槽。只有当需
Vue Router 5：手写路由与类型安全的文件路由
Vue Router 5：手写路由与类型安全的文件路由 系列导航：Vue 3 现代开发指南 上一篇：跨层通信与模板引用 下一篇：Pinia 4 状态管理 Vue Router 5 是 Vue 的官方路由方案。它保留了 Vue Router 4 的手写路由 API，并把原 unplugin-vue-r
Pinia 4：状态、Getter、Action、订阅与持久化
Pinia 4：状态、Getter、Action、订阅与持久化 系列导航：Vue 3 现代开发指南 上一篇：Vue Router 5 下一篇：Vue 3 进阶响应式与内置组件 Pinia 是 Vue 官方推荐的状态管理库。一个 Store 包含状态、派生状态和业务动作，并通过 Vue DevTool
Vue 3 现代工程搭建：create-vue、Vite 8 与 TypeScript
Vue 3 现代工程搭建：create-vue、Vite 8 与 TypeScript 系列导航：Vue 3 现代开发指南 下一篇：Composition API 与 <script setup> 2026 年新建 Vue 单页应用时，推荐起点是官方脚手架 create-vue。它生成 Vue 3
Vue 3 响应式基础：ref、reactive、toRef 与 toRefs
Vue 3 响应式基础：ref、reactive、toRef 与 toRefs 系列导航：Vue 3 现代开发指南 上一篇：Composition API 与 <script setup> 下一篇：派生状态与副作用 Vue 3 使用 Proxy 实现对象响应式，并通过
Vue 3 Composition API 与 <script setup>
Vue 3 Composition API 与 <script setup> 系列导航：Vue 3 现代开发指南 上一篇：Vue 3 现代工程搭建 下一篇：Vue 3 响应式基础 Composition API 的核心价值不是“代码更新”，而是把同一业务能力相关的状态、派生值、副作用和操作组织在一起
Vue 3 派生状态与副作用：computed、watch、生命周期和组合式函数
Vue 3 派生状态与副作用：computed、watch、生命周期和组合式函数 系列导航：Vue 3 现代开发指南 上一篇：Vue 3 响应式基础 下一篇：组件契约：Props、Emits、defineModel 与插槽 响应式状态解决“数据变化后视图如何更新”，但应用还需要派生数据、异步请求、订
