Vue3兼容Vue2吗（教你快速上手Vue3）

Vue3不断成熟稳定，但是一此小伙伴还停留在Vue2中，对Vue3也只是大体的了解，没有进行深入的学习。有的是没有时间去学，有的是觉得没必要去学，有时不知道如何去学，等等一系列原因。但是不管怎么说还要是尽快的加入到Vue3的学习中来，Vue2谁也不知道以后会不会被停更。

所以我为大家整理了一份如何Vue2过渡到Vue3，希望可以帮大家节约一点点的学习成本。让大家少走点弯路。

本文不会涉及到具体的变化，如 watch 有什么样的新用法，官网介绍的比我要好很多，本方会重点介绍一下如何快速上手Vue3。

1、如何快速学Vue3

其实对于Vue3来说，变化也是比较大的，还好他兼容Vue2的写法。你可以尝试在Vue3中先用Vue2的写法去写一下项目，感受一下Vue3，这可以可以慢慢的在工作中去学习，在学习中去工作，也是掌握Vue3很快的一种方式。

很多小伙伴喜欢看视频去学习，这种方式比较直观，但是唯一的不足就是学习成本有点长，需要花大量的时间去学重复的知识。

所以我更建议你去官网先把Vue3的文档都看一下，很多知识和Vue2是相通的，所以这些知识你不需要再去学了。只需要学习那些没有学过的知识就好。

2、相比于Vue2，Vue3有哪些重大的变化

相比于Vue2，Vue3主要有以下方面的变化：

• 数据的响应式底层原理

• 对 Typescript 语言的支持程度更加友好

• setup 的引入，让项目可以更好的维护

• setup 语法糖功能，真是让人觉得很香

• 如果有可能，学习一下Vite2

• 基于Vue周边的组件库都进行了升级和适配，如vue-router、vuex（pinia）、一些基于Vue3开发组件库(naive-ui、antd) 等

• use（钩子）概念的引入，很是方便

• 开发工具vscode 的新插件 volar 代替 vetur

• devtools 的升级适配

• 一些具体的细节等变化（watch、compute新的用法等）

3、个人觉得比较重要，需要去掌握的知识有：

• Vue3 数据响应式原理，ref、 reactive等api的使用

• setup、setup语法糖的使用

• vite2 的基本使用

• Vue3周边库升级使用

• watch、compute、生命周期函数在 setup的使用

如果对以上的知识都有了一个比较清晰的了解，说明你已经学好一大半Vue3的知识了。