资料专题 | Vue 3.0 学习教程与案例

这是一个关于Vue 3.0 + TypeScript的起步学习教程，适合完全的Vue新手和Vue 2.0的老手，在官方文档的基础上融入自己的一些实践经验。

文档地址

Vue3.0学习教程与实战案例

编写原因

之前呢，因为Vue 3.0一直是测试版本，担心坑太多，只是简单跑了一下demo大概做了一下了解，但一直还在保守观望，没有敢用在公司的业务项目上。

自从9月中旬海贼王版本更新后，觉得是时候正式用一下3.0了，刚好手里有一个工期不是很紧的项目，就开始尝试正式用 Vue 3.0 + TypeScript 写业务了，毕竟熟悉一个东西最快的方法，就是一边 reading 一边 coding。

在经过这段时间的尝试，发现从测试到正式版本变化还是很大，很多过往的博文已经对不上了，还是踩了不少坑，这个过程也打了不少笔记，整理起来，免得以后自己遇到问题忘记怎么处理，也可以供需要的朋友查阅。

文档说明

并不打算直译或者照搬官方的各种资料，因为各个生态的官网迟早都会有中文版，何况现在通过Google翻译也问题不大，没什么必要。

也不打算总结版本升级带来的各种变化，因为很多人写了汇总文章了。

我主要是记录一些在构建项目过程中的问题点和解决方案，以及一些踩坑的地方，虽然官方说能够平滑升级，但在 coding 的过程中发现问题还是不少，期间陆陆续续打了一堆笔记和代码片段，但零零散散的，借此机会整理起来。

疑惑解答

这是我第一次写此类文章，如果有什么我没说清楚，或者有误的，辛苦帮忙提出来，文章最后都添加了评论功能，关联到仓库的 issue，直接提交评论或者到仓库里提 issue / discussions 都可以。

如果觉得对你有帮助，欢迎给个 Star 鼓励。