跳到主要内容

Vue 总览

Vue 这一组内容,最好按两条线一起看。

一条是版本线:从 Vue 2Vue 3,再到 3.3 / 3.4 / 3.5 之后的持续演进。另一条是能力线:响应式、<script setup>、宏能力、SSR、Hydration、实验中的 Vapor。

如果只是看一篇“Vue 3 有什么新特性”,通常会知道很多名词,但很难知道这些能力到底是在什么背景下出现的,也不容易判断哪些已经是日常写项目会用到的东西,哪些还属于观察阶段。

建议阅读顺序

  1. Vue 2 基础
  2. Vue 2 到 Vue 3 的过渡
  3. Vue 3 核心变化
  4. Vue 3 版本演进
  5. script setup 与宏能力
  6. 响应式系统深入理解
  7. SSR 与 Hydration
  8. Vue Vapor

这一组现在覆盖什么

  • Vue 2 基础:旧版常见 API、指令、组件通信和模板写法
  • Vue 2 到 Vue 3 的过渡:升级时最容易碰到的语法和心智变化
  • Vue 3 核心变化:Composition API、响应式系统、编译优化、内置能力
  • Vue 3 版本演进:从 3.03.5+ 的版本主线
  • script setup 与宏能力:Vue 3 时代最常用的单文件组件写法
  • 响应式系统深入理解refreactivecomputedwatch、清理逻辑
  • SSR 与 Hydration:服务端渲染、补水、懒水合和常见错位问题
  • Vue Vapor:实验中的无 VDOM 编译方向

先盯住哪几件事

  • Options API 到 Composition API,到底解决了什么维护问题
  • Vue 3 的响应式系统,真正改变了哪些代码写法
  • 3.3 / 3.4 / 3.5 之后,哪些能力已经非常值得掌握
  • Vapor 这种实验方向,适合了解什么,不适合提前押注什么