Vue 总览
Vue 这一组内容,最好按两条线一起看。
一条是版本线:从 Vue 2 到 Vue 3,再到 3.3 / 3.4 / 3.5 之后的持续演进。另一条是能力线:响应式、<script setup>、宏能力、SSR、Hydration、实验中的 Vapor。
如果只是看一篇“Vue 3 有什么新特性”,通常会知道很多名词,但很难知道这些能力到底是在什么背景下出现的,也不容易判断哪些已经是日常写项目会用到的东西,哪些还属于观察阶段。
建议阅读顺序
Vue 2 基础Vue 2 到 Vue 3 的过渡Vue 3 核心变化Vue 3 版本演进script setup 与宏能力响应式系统深入理解SSR 与 HydrationVue Vapor
这一组现在覆盖什么
Vue 2 基础:旧版常见 API、指令、组件通信和模板写法Vue 2 到 Vue 3 的过渡:升级时最容易碰到的语法和心智变化Vue 3 核心变化:Composition API、响应式系统、编译优化、内置能力Vue 3 版本演进:从3.0到3.5+的版本主线script setup 与宏能力:Vue 3 时代最常用的单文件组件写法响应式系统深入理解:ref、reactive、computed、watch、清理逻辑SSR 与 Hydration:服务端渲染、补水、懒水合和常见错位问题Vue Vapor:实验中的无 VDOM 编译方向
先盯住哪几件事
- Options API 到 Composition API,到底解决了什么维护问题
- Vue 3 的响应式系统,真正改变了哪些代码写法
3.3 / 3.4 / 3.5之后,哪些能力已经非常值得掌握- Vapor 这种实验方向,适合了解什么,不适合提前押注什么
Vue 2
这里介绍老版本 vue 相关的知识点
Vue 2 到 Vue 3 的过渡
这篇更适合放在升级视角下看。它关心的不是“Vue 2 里有哪些 API”,而是一个典型 Vue 2 项目迁到 Vue 3 时,哪些地方最容易卡住。
Vue 3 核心变化
Vue 3 的变化,不只是多了一套 Composition API。更准确的说法是:它把状态组织、逻辑复用、类型支持、编译优化和运行时边界都重新整理了一遍。
Vue 3 版本演进
Vue 3 不是一次性完成的版本切换,而是一条持续往前推的路线。
script setup 与宏能力
Vue 3 时代,单文件组件最常见的写法已经不是传统的 export default {},而是 ``。
响应式系统深入理解
Vue 的响应式系统,决定了组件状态怎么追踪、什么时候更新、哪些写法更稳、哪些写法容易出错。
SSR 与 Hydration
Vue 3 的 SSR 讨论,已经不只是“能不能服务端渲染”这么简单了。更实际的问题是:补水稳不稳、错位好不好查、哪些内容适合延后补水、哪些地方最容易在真实项目里出问题。
Vue Vapor
Vue Vapor 是 Vue 团队正在推进的一条实验路线。核心目标很直接:尽量绕开传统 VDOM diff,把组件编译成更细粒度、更直接的 DOM 更新逻辑。