Vue3默认版本了！我准备学这五个东西了。

作者：Sunshine_Lin

简介：「前端之神」的号主江湖人称林三心，现已有100+篇原创文章，全网粉丝高达1w+，面试过超过100+个前端程序员，全网获赞2w+，全网阅读量播放量超过60w，更是B站「面试进阶成为大佬」系列视频的Up主。喜欢分享Vue，React，Typescript等高级前端知识。

来源：SegmentFault  思否社区 

前言

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心

相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：

有什么影响

那么 Vue3 成为默认版本，有什么影响呢？

Vue3 成为默认版本，肯定会提高互联网上 Vue3 的使用率。。那么对于 Vue3 这门技术的需求肯定会大大提高。所以，总结为一句话：咱们又得学习新东西了

 

该学啥

其实咱们只需要看看 Vue3 跟哪些技术息息相关就行了。接下来我就说说哪些技术跟 Vue3 息息相关吧

 

Vue3

为啥要学

首先肯定就是 Vue3 本身了。 Vue3 对于 Vue2 的提升是很大的，具体有：

• 响应式 Proxy 代替 Object.defineProperty

• diff算法 层面的优化

• 静态标记 ，虚拟dom比对时不比对静态节点，也就是 hoistStatic 静态提升

• Compostion api 代替 Option api ，代码编写更加集中

• 对 typescript 支持更好

• 源码体积更小，不到 Vue2 的一半

• tree-shaking 按需加载

学习链接

https://www.bilibili.com/video/BV1Zy4y1K7SH

 

Typescript

为啥要学

• 提高代码的 可读性 和 可维护性

• 增强团队协作，当你协作开发时，typescript能让你一目了然其他同事定义的变量

• 提高开发效率，typescript是静态检查，且在代码保存前就会提示报错，可以让你在保存前把错误先解决掉

• 基本现在的大厂都是使用后typescript进行开发

• 各种热门的库、框架、项目都已经拥抱typescript了

学习链接

https://www.bilibili.com/video/BV1Xy4y1v7S2

 

JSX

JSX 是一种在JavaScript中写HTML的语法，以前是在 React 中用的比较多，但是现在 Vue3 对 JSX 的支持做的很不错，所以也很有必要花个30分钟学一下。

为啥要学

• 相对于 template ， JSX 比较灵活

• JSX 运行速度更快，因为毕竟 template 需要先编译成js层面的东西

• JSX 更贴近原生JavaScript，可以以JavaScript的思维去写 JSX

有利有弊

其实上次尤雨溪大佬直播说过了：

• template 虽然死板，但是出了问题好排查

• JSX 虽然灵活，但是除了问题不好排查

学习链接

https://www.runoob.com/react/react-jsx.html

Vite

为啥要学

一个字 —— 快，反正我自从用了 Vite 后就回不去了。 Vite 我觉得是一个脚手架吧。尤雨溪大佬也是很推荐用 Vite 进行开发的。

快在哪

具体快在哪可以看看我的文章

https://juejin.cn/post/7040750959764439048

学习链接

https://www.bilibili.com/video/BV15K4y1T7N

Pinia

Pinia 你可以理解为 Vuex 的升级版 ，使用起来比 Vuex 方便很多

为啥要学

• pinia对typescript的支持比较好

• 使用方便，合并了 muation、action

• 自带持久化插件

学习链接

https://juejin.cn/post/7049196967770980389

---

点击左下角阅读原文，到 SegmentFault 思否社区 和文章作者展开更多互动和交流，扫描下方”二维码“或在“公众号后台“回复“ 入群 ”即可加入我们的技术交流群，收获更多的技术文章~

- END -