15
头图

前言

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

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

有什么影响

那么 Vue3 成为默认版本,有什么影响呢?

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

该学啥?

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

Vue3

为啥要学

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

  • 1、响应式 Proxy 代替 Object.defineProperty
  • 2、 diff算法 层面的优化
  • 3、 静态标记 ,虚拟dom比对时不比对静态节点,也就是 hoistStatic 静态提升
  • 4、 Compostion api 代替 Option api ,代码编写更加集中
  • 5、对 typescript 支持更好
  • 6、源码体积更小,不到 Vue2 的一半
  • 7、 tree-shaking 按需加载

学习链接

https://www.bilibili.com/vide...

Typescript

为啥要学

  • 1、提高代码的 可读性 可维护性
  • 2、增强团队协作,当你协作开发时,typescript能让你一目了然其他同事定义的变量
  • 3、提高开发效率,typescript是静态检查,且在代码保存前就会提示报错,可以让你在保存前把错误先解决掉
  • 4、基本现在的大厂都是使用后typescript进行开发
  • 5、各种热门的库、框架、项目都已经拥抱typescript了

    学习链接

    https://www.bilibili.com/vide...

    JSX

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

    为啥要学

  • 1、相对于 template JSX 比较灵活
  • 2、 JSX 运行速度更快,因为毕竟 template 需要先编译成js层面的东西
  • 3、 JSX 更贴近原生JavaScript,可以以JavaScript的思维去写 JSX

有利有弊

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

  • 1、 template 虽然死板,但是出了问题好排查
  • 2、 JSX 虽然灵活,但是除了问题不好排查

学习链接

https://www.runoob.com/react/...

Vite

为啥要学

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

快在哪

具体快在哪可以看看我的文章:https://juejin.cn/post/704075...

学习链接

https://www.bilibili.com/vide...

Pinia

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

为啥要学

  • 1、pinia对typescript的支持比较好
  • 2、使用方便,合并了 muation、action
  • 3、自带持久化插件

学习链接

https://juejin.cn/post/704919...

结语

我是林三心,一个热心的前端菜鸟程序员。如果你上进,喜欢前端,想学习前端,那咱们可以交朋友,一起摸鱼哈哈,摸鱼群,加我请备注【思否】

image.png


Sunshine_Lin
2.1k 声望7.1k 粉丝