目录
首页 笔记 详情

vue3什么时候普及(vue3和vue2区别)


"人生和事业的成功需要保持正确的思维方式,充满热情,提升能力,持有正面的思维方式显得极其重要,因为有了正面的思维方式才会有幸福的人生"

--出自《稻盛和夫给年轻人的忠告》

从Vue2快速上手Vue3,这份指南已经给您准备好了

01 前言

随着Vue3版本的不断发展,越来越多小伙伴也正式加入了Vue3的开发阵营,最近尤大也公开说明了Vue3也将是以后开始Vue的默认版本。如果有小伙伴还对此不太熟悉,请查阅一下我上一篇文章有具体的介绍。

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

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

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

02 如何学Vue3

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

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

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

03 相比于Vue2,Vue3有哪些重大的变化

相比于Vue2,Vue3主要有以下方面的变化:

  • 数据的响应式底层原理
  • 对 Typescript 语言的支持程度更加友好
  • setup 的引入,让项目可以更好的维护
  • setup 语法糖功能,真是让人觉得很香
  • 如果有可能,学习一下Vite2
  • 基于Vue周边的组件库都进行了升级和适配,如vue-router、vuex(pinia)、一些基于Vue3开发组件库(naive-ui、antd) 等
  • use(钩子)概念的引入,很是方便
  • 开发工具vscode 的新插件 volar 代替 vetur
  • devtools 的升级适配
  • 一些具体的细节等变化(watch、compute新的用法等)

个人觉得比较重要,需要去掌握的知识有:

  • Vue3 数据响应式原理,ref、 reactive等api的使用
  • setup、setup语法糖的使用
  • vite2 的基本使用
  • Vue3周边库升级使用
  • watch、compute、生命周期函数在 setup的使用

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


写笔记

咨询

您的电子邮箱地址不会被公开。