这门课出现的时间点比较特殊:它录制的节点是 Vue 3 还在 beta 阶段,而不是 3.0 正式版发布之后。这意味着两件事——你能看到 Composition API 这套新写法最早的样子,也必须接受它和现在官方文档之间存在的差异。要不要花时间学,取决于你现在处在什么位置。

它解决的是哪个具体场景

如果你手上维护着 Vue 2 的项目,同时开始接到新项目要用 Vue 3 的需求,最难受的不是"不会写",而是两套写法在脑子里打架。Options API 里 data、methods、computed 分块写得好好的,突然换成 setup 里一堆 ref、reactive、computed 混在一起,返回值还要手动暴露,很容易写着写着就乱了。

这门课基本是围绕这个切换过程展开的:先把响应式的基本单位讲清楚,再讲组件怎么写、逻辑怎么拆出去复用,最后落到路由和状态管理上。它不追求把 Vue 3 讲全,更像是在你正式上手项目之前,先把最容易卡住的几个地方过一遍。

学完能独立做到什么程度

按课程覆盖的范围,学完之后你应该能独立完成这些事:

  • 用 setup 加 Composition API 写一个完整的功能组件,而不是只能照着示例改;
  • 把重复的逻辑抽成独立的组合函数,在多个组件之间复用;
  • 用 Vue Router 4 配好多层嵌套路由,处理基础的导航守卫;
  • 用新的状态管理方案组织跨组件的共享数据,理解它和 Vuex 在写法上的差别;
  • 看懂 beta 阶段的官方 RFC 和迁移说明,自己判断某个写法在新版本里还成不成立。

最后一条可能比前面几条更实用。因为课程基于 beta 版本,学完之后你一定会遇到"课里这么写,但现在文档不是这样"的情况。有能力自己核对和更新,比记住某个具体写法更重要。

资料适合什么基础的人

需要你已经写过 Vue 2 的项目,至少独立完成过带路由和接口请求的页面。如果完全没接触过 Vue,直接从 Composition API 入门会很吃力——课里不会花时间解释什么是响应式、什么是组件通信,这些默认你已经会了。

另外要接受一个前提:这是抢先学,不是系统学。beta 阶段的一些 API 命名和用法在正式版里有调整,比如某些响应式相关的工具函数、生命周期钩子的调用位置。你在课里学到的写法,落到现在的项目里需要对照官方文档确认一遍。抱着"学完就能直接抄进生产代码"的预期来,容易失望。

怎么用这份资料更划算

建议把它当成一次结构梳理,而不是查询手册。看的时候重点放在两件事上:一是理解 Composition API 的设计意图,也就是为什么要把逻辑按功能聚合而不是按选项类型分块;二是跟着敲一遍组合函数的抽取过程,这是 Vue 2 转到 Vue 3 之后最容易出问题、也最影响代码组织方式的地方。

至于具体的 API 细节和参数写法,不用花力气背。beta 阶段的细节变动频繁,背下来很快会过时。真正值得留下来的,是你对这套新写法整体结构的判断力。

如果你现在就要接手 Vue 3 项目,或者正在评估要不要把老项目往新版本迁,这门课能帮你提前把概念上的坎迈过去。如果只是想观望一下、暂时没有实际使用场景,可以先放一放,等有了具体任务再回来补,效率会更高。

课程目录

第1讲:下载源码、快速使用vue3-beta 第2讲:Setup函数、响应式下修改数据的新写法 第3讲:ref单响应对象的使用、toRefs使用 第4讲:使用组件、传递属性、计算属性 第5讲:依赖注入和响应式修改 第6讲:vue3中生命周期函数、模拟加载远程数据 第7讲:模拟加载远程数据(2):async/await、模板ref