尤雨溪在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