共计 2480 个字符，预计需要花费 7 分钟才能阅读完成。
美味值：🌟🌟🌟🌟🌟
口味：铁锅炖排骨
文章尽可能的以图文模式还原尤大的直播内容(为了你有更好的观看体验，欧巴增加了一些相干链接)。还没观看的同学能够和大家一起来一波图文 Reaction，看过的同学也能够再梳理一遍重点内容，废话少说，让咱们开始吧！
一些数据
下面的数据是截止到往年 4 月份的，与去年同期相比，增长很可观，整个的前端开发市场还在不断扩大。
2020.09.18 公布 Vue 3.0 One Piece
- Vue 3.0
Vue3 公布后官网并没有强推所有的用户都降级 Vue3，因为生态须要工夫，生态里的工具、周边以及库都须要工夫去兼容，Vue3 的一些新用法也须要工夫去积淀。
公布后次要在忙什么？
Vue Router 4.0 已稳固
- github.com/posva
Vuex 4.0 已稳固
- github.com/kiaking
(这位新退出的老哥，讲道理，豹纹有点帅。)
Vue Router 和 Vuex 早曾经是 Vue 框架的一部分，它们的稳固是十分重要的。
Vue 3 生态逐渐赶上
社区生态库也在逐渐赶上。
- Quasar
- Element Plus
- And Design Vue
- Vuetify
- Nuxt 3
开发体验改良
构建工具 Vite
- Vite 官网中文文档
该晓得的都晓得了，不晓得的缓缓理解。— 姜云升
vue-cli 和 Vite 的 次要区别 在于：vue-cli 基于 webpack 二次开发，vue-cli 涵盖的领域比拟广，保护老本十分高。一些常见的配置变得复杂化了。
Vite 会继承 vue-cli 的长处，抉择更简洁的路线，插件机制基于 Rollup 的 API，十分简洁直观。比起 Webpack，Rollup 的插件会好写很多，更加容易了解。
Vite 插件还能够反对定制开发服务器、middleware 以及对热更新的行为做粗疏的调整。
Vite or vue-cli？
现有我的项目如果与 Webpack 强依赖，可能也没有方法简略的迁徙过去。
VitePress 基于 Vue3 + Vite 的动态站生成器
能够了解为把 Vue2 换成了 Vue3，把 Webpack 换成了 Vite，就失去了 VitePress。
下面的第三点，React 的 MDX 也有同样的问题，不过 VitePress 把它解决了。
更多单文件组件编译阶段的优化
- New script setup (without ref sugar)
只有你的 script 标签带了 setup 属性，那么你申明的变量就能够间接在模板里应用。
而且，setup 能够帮忙咱们简洁很多代码，晋升编码体验。
比方咱们有 Comp.vue 和 App.vue 两个组件。
在 setup 下，App 引入 Comp 组件后能够间接应用，无需注册。
比照一下：
<style> 动静变量注入
- SFC style CSS variable injection (new edition)
点击 make it green 按钮后：
原理也很简略，应用原生 CSS 变量，将动静内容进行绑定，剩下就全副交给浏览器去做，所以运行时开销十分小。是个性价比很高的个性。
Vue Devtools beta channel(6.0)
不必在 Vue Devtools 两个版本之间来回切换了，新的 Vue Devtools 同时反对 Vue2/3。
这张图是开发时的截图，有些含糊，不过没关系。大抵咱们能够从图中看出：
性能调试面板能够帮咱们找出哪个组件渲染特地慢，还有鼠标事件、键盘事件、组件事件、组件重渲染等。
最要害的是这个 Timeline 反对第三方插件对其进行扩大。
更好的 IDE/TS 反对
Volar 是将来官网主推的 VS Code 插件，将会代替 Vetur(历史包袱)。
如上图，Volar 提供了简直和 TSX 一样的开发体验，能够进行模板类型查看。
IDE 反对打算
将来会将 Vetur 的一些重要的性能以及一些新的摸索整合到 Volar 上。
同时 Volar 的作者还开发了 vue-tsc，在 CI 上反对能够同时查看 TS 文件以及 Vue 文件里的 TS 类型谬误，外部的实现适宜 Volar 一样的。
当然，也会和其余的编辑器进行官网单干，提供反对。
不再反对 IE11
微软刚刚公布申明，IE11 将在 2022 年 6 月 retire，可见其推动 IE 用户改用 Edge 的信心。
- Proposal for dropping ie11 support in Vue 3
- Drop IE11 support plan for Vue 3
Vue3 + Vite = Modern by Default
Vue3 migration build
近期另一个重大公布，整体的内容比拟大，预计在 3.1 公布。
Vue3 升级版：底子里是 Vue3，下层兼容 Vue2 的行为。大部分的性能都能够齐全反对。
能够抉择将整个利用能够跑在 Vue2 模式下，再将某几个独自的组件跑在 Vue3 模式下。
也能够反过来，整个利用跑在 Vue3 模式下，再将几个旧的 Vue2 组件移植过去，再缓缓的更改成 Vue3 的模式。
尽可能的给大家提供了兼容的灵活性。
目前文档在 vue-compat 仓库里。public API 会尽可能的兼容，然而一些公有 API 的确没有方法齐全兼容。文档中有具体的反对列表。
并提供了详尽的 step by step 的流程 vue-hackernews-2.0
3.2
因为下面的兼容版移到了 3.1，所以原有的 3.1 内容将会移到 3.2，不过预计也会很快公布，具体的细节会在公布时披露。
相对须要 IE11 反对的话 请期待 2.7
预计在 Q3 2021 去做。
心愿在 Q3 Vue2.7 公布之后，整个的 Vue2 到 Vue3 的降级过程会变得更加顺滑。能够先基于 Vite 切换到 Vue2.7，Compsition API 会间接内置，再切换到 Vue3 会更加简略。
Vue3 成为默认版本 by end of Q2 2021
将会在 2021 年 6 月底，将 npm 默认装置指向 Vue3，文档也会默认指向 Vue3 的文档，心愿新的用户会以 Vue3 作为基准。
本文已收录在前端食堂同名仓库 Github github.com/Geekhyt，欢迎光临食堂，如果感觉酒菜还算可口，赏个 Star 对食堂老板来说是莫大的激励。
❤️爱心三连击
1. 如果你感觉食堂酒菜还合胃口，就点个赞反对下吧，你的 赞是我最大的能源。
2. 关注公众号前端食堂，吃好每一顿饭！
3. 点赞、评论、转发 === 催更！
