尤雨溪在VueConf上关于Vue3生态进展的分享速览

今天观看了vueconf大会，第一时间跟你们分享一下尤大关于vue3生态的分享，官方ppt尚未拿到，你们先将就看。

数据

主要公布了devtools和vue3的npm下载量增加统计，其中devtools增加43%，npm下载增加51%。

可见增加势头之猛。

生态进展

• vue-router4已稳定

• vuex4已稳定

• 组件库：quarsar，element-plus，ant design vue等，剩下俩忘了，其中只有antdv是正式版，其余处于beta状态，有小伙伴气愤移动端最强vant也是正式版居然没被说起。

开发体验

• 构建工具：没有悬念，尤大强力推荐vite

  • vite：主要介绍特性、插件机制和ssr进度

    关于脚手架vue-cli和vite之间关系，暂时并存，将来将会主推vite。

    推了一把VitePress，主要是开发体验好，有博客需求的朋友能够试试。

• 开发体验改进

  • 改善SFC书写体验：主要是两个rfc，分别是setup script和CSS style injection

  • setup script：主要简化SFC中使用Composition API体验，最终版把以前争议比较大的ref sugar去掉了。

    • 尤大演示了setup script可以如何帮助咱们简化组件编写：

      <template>
      	<p>{{counter}}</p>
        <Comp></Comp>
      </template>
      <script setup> import Comp from './Comp.vue' import {ref} from 'vue' const counter = ref(0) </script>
      复制代码

    • 推荐了一款体验页面：Vue SFC Playground

  • style动态变量注入：在style标签中使用响应式数据，很秀

• devtools：同时支持两个版本，UI优化和性能调试，等vuex支持后会比较实用。

• 更好的IDE/TS支持：Volar会是一个很是实用的工具，能够提供模板中的代码提示功能，可提供tsx相同体验，终于等到你！

• vetur替代者

兼容性相关

• IE11完全被vue3抛弃

  vite+vue3默认现代模式，即输出目标ES6+，native ES modules；固然能够经过插件输出传统包。

• Vue3迁移版：这是一个马甲版本，会是vue3.1的部分代码，披着vue3壳，实际是vue2内核，能够理解为用vue3编码方式写vue2！

  Vue3.2：下一个小版本，主要最终肯定script setup等SFC特性、Suspense组件/async setup、性能、ssr等

• vue2.7：内置composition api的vue2版本

  vue3迁移版就是vue2.7？

• vue3将成为默认版本：vue2将在2021年Q2成为过去时，默认将安装v3