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

2022年1月26日 363点热度 0人点赞 0条评论

作者: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 -

图片
图片

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

这个人很懒,什么都没留下

文章评论