Vue3.0来了，看看尤大大画的重点

众所周知，前端的技术一直更新的特别快，特别是框架这块。4月21号晚，Vue作者尤雨溪在B站直播分享了 Vue.js 3.0 Beta 最新进展，想必大家都有去观摩吧？那我们今天一起来回顾下尤大大的分享:

关于Performance

当我们项目功能越来越多、模块规模一步步扩大，这个时候性能考量是非常重要的，那么 Vue.js 3.0 Beta 在性能上给我们带来了哪些惊喜呢？

1. 重写了虚拟Dom实现（且保证了兼容性，脱离模版的渲染需求旺盛）

2. 编译模板的优化

3. 更高效的组件初始化

4. undate性能提高1.3~2倍

5. SSR速度提高了2~3倍
   
   

文字还不足以触动你？不要急，来看性能对比的图解：

关于Tree shaking support

1. 可以将无用模块“剪辑”，仅打包需要的（比如v-model，<transition>，用不到就不会打包）；

2. 一个简单的 HelloWorld大小仅为：13.5kb

• 11.75kb，仅 Composition API；

• 包含运行时完整功能：22.5kb

• • 拥有更多的功能，然而比Vue 2更迷你；

  很多时候，我们不需要 vue 提供的某些功能，在vue 2 我们没得选，没法排除掉这些没用的功能，但是 Vue 3.0都可能做成了按需引入。

  

  关于Composition API

  最近 Reac t的 Hooks 传的沸沸扬扬，不要急，现在 Vue 也出了，与其相似，只是实现方式不同：

  

  1. 可与现有的Options API一起使用；

  2. 灵活的逻辑组合与复用；

  3. Vue 3.0的响应模块可以和其他框架搭配使用；

  混入（mixin）将不再作为推荐使用，Composition API可以实现更灵活且无副作用的复用代码。

  更好的TypeScript支持

  

  1. Vue 3是用 TypeScript 编写的库（可能很多同学没想到吧），可以享受到自动的类型定义提示；

  2. JavaScript 和 TypeScript 中的API相同（代码也基本相同）；

  3. 支持TSX；

  4. class 组件还会继续支持，但是需要引入 vue-class-component@next，该模块目前还在alpha阶段。

  重点来啦！还有一个喜讯——目前 Vue 3.0 + TypeScript 插件正在开发，有类型检查、自动补全等等，进展迅速。

  剩余未完成的工作还有 Router、Vuex、CLI 等等，预计年终会完成，尤大大实在是未来可期！

  在公司里面看到的一个情况：很多同学 Vue 2都还没玩熟。大家得加把油了啊！等到3.0正式推出时，你才能搭建它，作为前端工作者，你需要的是迎合新的技术，为你的工作产生更多价值。可能有些人明白这个道理，但还是会一头雾水，那把前端技术缕清的最好方式是什么呢？

  ——当然是好好学习，在这里，给大家整理了一份前端工程师学习成长思维导图，希望能帮助到同学们系统地去学习并掌握前端知识。

  

  扫码领取
  

  前端工程师学习成长思维导图

  

  当然有这些还不够，大家该如何第一时间掌握 vue3.0呢？这里我推荐一个免费的学习平台——网易云课堂，每周这边都会有多场直播公开课，网易的前端专家们会分享 vue 2.x以及 Vue3.0 的干货知识和其它先进技术（前端学习技巧、源码、语法、架构），还可以拿到各种前端干货资料，欢迎大家去学习！

  5.19-5.22前端限时0元课程
  

  一、项目：《前端进阶必备—在vue项目中如何进行ssr》

  • ssr是什么？

  • ssr的原理是什么？

  • 改造你的vue项目进行ssr

  二、技能：《你真的懂js吗？带你解析js两个重要底层》

  • JavaScript代码的执行顺序

  • JavaScript的内存机制

  • JavaScript的性能监控

  三、项目：《学习这节课，开启vue3.0来写你的项目》

  • vue3改变概览

  • 如何开始一个vue3项目

  • vue相关的其他全家桶

  深入浅出的干货课程，没有套路，更多课程扫码添加网易云课堂前端助教，就可以0元获得！

  扫码领取
  

  前端工程师学习成长思维导图

  

  更有前端进阶资料包免费赠送