这个系列还在更新中，涉及的内容还是比较多的。我会以每周3-5集的速度更新，保证下伙伴们可以学到最流行和事用的Vue课程。目录分为三大部分，分别是:有经验者的学习路线、零基础的学习路线和实战项目。

如果你想全面学习Vue3的知识，可以按照这篇文章顺序进行学习。这篇文章分为三个大的模块。

• 已经有Vue2.x经验的学习路线
• 零基础开始学习Vue3.x的学习路线
• 实战项目

相关视频还在不断的更新中，大概为一周3-5集。快来一起学习吧。

Vue3很好的支持了TypeScript,所以建议你先学习一下TypeScript的知识，然后再继续学习Vue3的内容。

• 01.TypeScript 简介和课程介绍:https://www.jspang.com/detailed?id=63#toc21
• 02.TypeScript 的静态类型:https://www.jspang.com/detailed?id=63#toc25
• 03.TypeScript 基础静态类型和对象类型:https://www.jspang.com/detailed?id=63#toc28
• 04.TypeScript 中的类型注释和类型推断:https://www.jspang.com/detailed?id=63#toc211
• 05.TypeScript 函数参数和返回类型定义:https://www.jspang.com/detailed?id=63#toc215
• 06.TypeScript 中数组类型的定义:https://www.jspang.com/detailed?id=63#toc220
• 07.TypeScript 中元组的使用和类型约束:https://www.jspang.com/detailed?id=63#toc223
• 08.TypeScript 中的 interface 接口:https://www.jspang.com/detailed?id=63#toc226
• 09.TypeScript 中的 interface 接口 2:https://www.jspang.com/detailed?id=63#toc230
• 10.TypeScript 中类的概念和使用:https://www.jspang.com/detailed?id=63#toc235
• 11.TypeScript 中类的访问类型:https://www.jspang.com/detailed?id=63#toc240
• 12.TypeScript 类的构造函数:https://www.jspang.com/detailed?id=63#toc245
• 13.TypeScript 类的 Getter、Setter 和 static 使用:https://www.jspang.com/detailed?id=63#toc248
• 14.类的只读属性和抽象类:https://www.jspang.com/detailed?id=63#toc251
• 15.配置文件-初识 tsconfig.json:https://www.jspang.com/detailed?id=63#toc254
• 16.配置文件-初识 compilerOptions 配置项:https://www.jspang.com/detailed?id=63#toc258
• 17.配置文件- compilerOptions 配置内容详解:https://www.jspang.com/detailed?id=63#toc264
• 18.联合类型和类型保护:https://www.jspang.com/detailed?id=63#toc269
• 19.Enum枚举类型讲解:https://www.jspang.com/detailed?id=63#toc275
• 20.TypeScript 函数泛型-难点:https://www.jspang.com/detailed?id=63#toc279
• 21.TypeScript 类中泛型-难点:https://www.jspang.com/detailed?id=63#toc285
• 22.初识命名空间-Namespace:https://www.jspang.com/detailed?id=63#toc290
• 23.深入命名空间-Namespace:https://www.jspang.com/detailed?id=63#toc294
• 24.TypeScript 如何使用 import 语法:https://www.jspang.com/detailed?id=63#toc298
• 25.用 Parcel 打包 TypeScript 代码:https://www.jspang.com/detailed?id=63#toc2103
• 26.在 TypeScript 中使用 JQuery:https://www.jspang.com/detailed?id=63#toc2106

• 01.课程介绍和 Vue3 简介:https://jspang.com/detailed?id=64#toc21
• 02.vue-cli 搭建 Vue3 开发环境:https://jspang.com/detailed?id=64#toc25
• 03.用 vue-cli 图形界面搭建 Vue3 环境:https://jspang.com/detailed?id=64#toc28
• 04.项目初始结构和重要文件讲解:https://jspang.com/detailed?id=64#toc210
• 05.setup()和 ref()函数制作大宝剑点餐:https://jspang.com/detailed?id=64#toc214
• 06.用 reactive()函数优化程序:https://jspang.com/detailed?id=64#toc217
• 07.Vue3.x 的生命周期和钩子函数:https://jspang.com/detailed?id=64#toc222
• 08.onRenderTracked()和 onRenderTriggered()钩子函数的使用:https://jspang.com/detailed?id=64#toc226
• 09.Vue3中Watch的使用和注意事项:https://jspang.com/detailed?id=64#toc230
• 10.Vue3中模块化介绍-作一个时间更新模块:https://jspang.com/detailed?id=64#toc234
• 11.Vue3中模块化深入-随机出现小姐姐:https://jspang.com/detailed?id=64#toc239
• 12.Teleport瞬间移动函数的使用:https://jspang.com/detailed?id=64#toc244
• 13.Suspense-初识异步请求组件:https://jspang.com/detailed?id=64#toc248
• 14.Suspense-深入学习 真实请求:https://jspang.com/detailed?id=64#toc251

• 01.Vite简介和搭建Vue3开发环境:https://jspang.com/detailed?id=66#toc21
• 02.用Vite生成项目的目录结构:https://jspang.com/detailed?id=66#toc26
• 03.Vite搭建React开发环境:https://jspang.com/detailed?id=66#toc27
• 04.Vite对TypeScript、CSS和JSON的支持:https://jspang.com/detailed?id=66#toc29
• 05.Vite中SASS使用和JSX支持:https://jspang.com/detailed?id=66#toc213
• 06.Vite配置文件设置别名:https://jspang.com/detailed?id=66#toc218