大家好，我是若川。最近組織了源碼共讀活動，感興趣的可以加我微信?ruochuan12

前言

10月23日，參加了前端早早聊組織的【vue生態專場】，準備寫一波分享方便大家學習。早上有4個話題：volar開發，搭建平臺組件開發和維護，尤大分享vue生態進展和展望，小姐姐分享gogocode遷移老項目。干貨很多，這里先分享一下小右帶來的一些新消息，感覺和我們寫代碼關系最大。

為什么還不是默認版本？

就很快！要等大部分生態跟上才行，顯然現在已經準備就緒了。

更詳細解釋“軟著陸”的原因：

• vue3需要時間變得穩定

• 生態需要時間跟上

• 在成為默認版本之前需要打磨vue3

大版本升級的原因

• 正確的架構設計

• 產出新的基礎功能

• 擺脫技術債

大版本升級需要考慮的一些因素

• 向后兼容

• 易升級

• 實現和維護成本

• 改進程度

vue3如何在成本和改進程度中取舍

• 主要改進

vue3完成體到來，轉折點也要來了

其實很多時間都花在vite上面了，全新開發生態

歐美市場沒有支持IE11的必要了

vue3生態已經跟上來啦！

• nuxt3：這個尤大多次強力推薦，我以前使用nuxt2也覺得賊6，準備做一波分享，歡迎大家關注我B站

• VueUse：針對vue3 composition api的工具庫

• 兼容vue3的組件庫

• Ionic等移動端框架

vue3在持續變好

• script setup成為正式功能，趕緊用！

• style v-bind成為正式功能

• defineCustomElement：可以用vue寫組件庫，輸出為原生組件，可以用在其他框架中，可用于微前端

• reactivity性能提升明顯，大應用會更明顯

• effectScope API：用在高級應用中，比如VueUse，penia，狀態管理庫非常推薦大家使用pinia

• ref轉換

• props轉換

Ref Transform

這個說了很多，花費好幾頁，還有代碼演示，可見尤大很重視，不過這樣的語法會不會又引起腥風血雨般的討論？

演示了$語法糖，有了它可以忘了.value

演示$$使用，通常用于hooks編寫

結構props轉換

又演示了另一個開發痛點是關于屬性解構會導致的心智負擔問題，通過props transform即可解決。

比如下面代碼中對屬性做解構之后，甚至可以設置默認值，起別名，和rest展開，可以看到foo是響應式的，秀的一批。

橋接到vue2

讓大家可以在vue2中享受vue3的開發體驗：

• 遷移創建版本：@vue/compat，一個vue3創建版本提供可配置的vue2兼容行為

• vue-demi：為vue2、vue3編寫通用庫

• vite-plugin-vue2：vite中寫vue2

• unplugin-script-setup-vue2：vue2中使用script setup

• vue 2.7：披著vue3外殼的vue2

新文檔

• 暗黑模式

• 基于vitepress

• 升級建議和最佳實踐：最新功能推薦，不會錯過新東西

• 重新組織學習路線

新官網

官網也會升級，包括大量重寫的向導、隨意切換新舊API，新案例，新模塊等

隨意切換options api和composition api

所見即所得！

最后變化總結

• 新文檔馬上上

• 官網默認vue3

• npm latest標簽指向vue3

• github上會分開

  • 保留issue鏈接

  • vue-next會重命名為core

小意外

尤大在新加坡的酒店大堂做直播，生怕有人湊過來還要戴口罩。結果中間還是意外掉線了，等恢復了發現已經講完了，尤大瞬間崩了，顯然第二遍講加快了速度，以至于我們聽得有點不夠爽，但還是再次感謝他的分享，祝他在新加坡生活愉快！

Q&A環節

vue2還會維護嗎？

2.7將會是vue2最后一個小版本，在維護18個月，之后徹底進入

vue3還會有變化嗎？

主要是ssr前提下進一步優化客戶端性能

巨型vue2如何升級vue3

有歐美分享，大家搜一下。下午也有個分享做這個。

新加坡感覺如何

吃的東西多，隨便點，非常開心！

Vite未來規劃

目前穩定，沒重大改動，穩定ssr實現；很多基于vite做底層的生態在興起，vite會做成對前端生態有幫助的東西。

pinia會替代vuex嗎

很大概率，都是core team成員，討論結果未來形態會很像pinia，新東西都寫在pinia里，如果開發一個新項目，如果使用ts，推薦使用pinia。

如何評價自由職業

自由很理想，很爽，命運掌握在自己手里；同時壓力在自己身上，沒有公司兜底，選擇了就要做好承受這些的準備。

---

最近組建了一個江西人的前端交流群，如果你是江西人可以加我微信?ruochuan12?私信 江西?拉你進群。

推薦閱讀

1個月，200+人，一起讀了4周源碼
我歷時3年才寫了10余篇源碼文章，但收獲了100w+閱讀

尤雨溪寫的100多行的“玩具 vite”，十分有助于理解 vite 原理

老姚淺談：怎么學JavaScript？

我在阿里招前端，該怎么幫你（可進面試群）

·················?若川簡介?·················

你好，我是若川，畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列
從2014年起，每年都會寫一篇年度總結，已經寫了7篇，點擊查看年度總結。
同時，最近組織了源碼共讀活動

識別上方二維碼加我微信、拉你進源碼共讀群

今日話題

略。歡迎分享、收藏、點贊、在看我的公眾號文章~