尤大官宣：Vue 3 將成為新的默認版本！

原文地址：https://zhuanlan.zhihu.com/p/460055155

英文原文：https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

劃重點：Vue 3 將在 2022 年 2 月 7 日成為新的默認版本！

請務必閱讀可能需要采取的措施部分，來確認你是否需要在默認版本切換之前做相應改動以避免發(fā)生異常。

本文章開放授權，在注明原文地址，內(nèi)容不做修改的前提下可以隨意轉載。

從庫到框架

在最開始的時候，Vue 僅僅是一個運行時庫。但這些年來，它已經(jīng)逐步發(fā)展成了一個包含許多子項目的框架：

• 核心庫，即 vue npm 包
• 內(nèi)容足夠當作一本書的文檔
• 構建工具鏈（Vue CLI、Vue Loader 和其他支持包）
• 用于構建單頁應用的路由 Vue Router
• 用于狀態(tài)管理的 Vuex
• 用于調試和分析的瀏覽器開發(fā)者工具擴展
• 用于支持開發(fā)單文件組件的 VSCode 擴展 Vetur
• 用于進行靜態(tài)風格/錯誤檢查的 ESLint 插件
• 用于組件測試的 Vue Test Utils
• 利用 Vue 運行時功能的定制 JSX Babel 插件
• 用于靜態(tài)網(wǎng)站生成的 VuePress

正因為 Vue 是一個社區(qū)驅動的項目，才讓這一切成為可能。這些項目中的許多都是由社區(qū)成員發(fā)起，他們后來成為了 Vue 團隊的成員。其余的項目最初由我發(fā)起，但現(xiàn)在除了核心庫之外，幾乎都完全由團隊維護。

Vue 3 的 “軟發(fā)布”

隨著核心庫發(fā)布新的大版本，框架的所有其他部分也需要一起同步更新。我們還需要為 Vue 2 用戶提供一個升級方案。對于 Vue 這樣一個社區(qū)驅動的團隊來說，這是一個巨大的工程。在 Vue 3 的核心庫完成的時候，框架的其他部分要么還在 beta 狀態(tài)，要么還沒有開始適配 Vue 3。當時我們的決定是先發(fā)布核心庫，這樣早期用戶可以先用起來，庫和上層框架的開發(fā)者也可以先適配起來，而我們則繼續(xù)更新框架的其余部分。

在這個過程中，我們依然將 Vue 2 保留為文檔和 npm 安裝時的默認版本。這是因為我們知道對于大部分用戶來說，在 Vue 3 的其余部分完善以前，Vue 2 仍然提供了更一致且完整的體驗。

嶄新的 Vue

“軟發(fā)布” 的過程比預期要長，但這個時刻終于到了：我們很高興地宣布，Vue 3 將在 2022 年 2 月 7 日成為新的默認版本。

除了 Vue 核心庫以外，我們還幾乎改進了框架的每個方面。

• 基于 Vite^[1] 的極速構建工具鏈
• 
+?

-?
+?


  注意：即使使用 Vue 3，你也應該始終在生產(chǎn)環(huán)境指定一個版本范圍，以避免意外地加載到未來的大版本。

  npm latest 標簽

  如果你使用 latest 標簽或 * 來從 npm 安裝 Vue 或其他官方庫，請更新為明確使用兼容 Vue 2 的版本：

  {
  ??"dependencies":?{
  -???"vue":?"latest",
  +???"vue":?"^2.6.14",
  -???"vue-router":?"latest",
  +???"vue-router":?"^3.5.3",
  -???"vuex":?"latest"
  +???"vuex":?"^3.6.2"
  ??},
  ??"devDependencies":?{
  -???"vue-loader":?"latest",
  +???"vue-loader":?"^15.9.8",
  -???"@vue/test-utils":?"latest"
  +???"@vue/test-utils":?"^1.3.0"
  ??}
  }
  

  
  

  最后

  
  

  
  

  • 歡迎加我微信(winty230)，拉你進技術群，長期交流學習...
    

  • 歡迎關注「前端Q」,認真學前端，做個專業(yè)的技術人...

  

  點個在看支持我吧

  

  
  

  參考資料
  

  [1]

  Vite: https://vitejs.dev/

  [2]

  Volar: https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar

  [3]

  vue-tsc: https://github.com/johnsoncodehk/volar/tree/master/packages/vue-tsc

  [4]

  Pinia: https://pinia.vuejs.org/

  [5]

  插件系統(tǒng): https://devtools.vuejs.org/plugin/plugins-guide.html

  [6]

  全新的 vuejs.org: https://staging.vuejs.org

  [7]

  中文版: https://staging-cn.vuejs.org

  [8]

  可能需要采取的措施: #potential-required-actions

  [9]

  完全重寫的版本: https://staging.vuejs.org

  [10]

  vuejs/core: https://github.com/vuejs/core

  [11]

  vuejs/router: https://github.com/vuejs/router

  [12]

  vuejs/docs: https://github.com/vuejs/docs

  [13]

  vuejs/test-utils: https://github.com/vuejs/test-utils

  [14]

  vuejs/babel-plugin-jsx: https://github.com/vuejs/babel-plugin-jsx

  [15]

  vuejs-translations 組織: https://github.com/vuejs-translations

  [16]

  beta 頻道: https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg

  [17]

  穩(wěn)定頻道: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

  [18]

  遺留頻道: https://chrome.google.com/webstore/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp