搜尋
首頁頭條尤雨溪最新公佈:Vue3將成為預設版本!

劃重點:Vue 3 將在 2022 年 2 月 7 日 成為新的預設版本!

請務必閱讀文末的 可能需要採取的措施 部分,來確認你是否需要在預設版本切換之前做相應改動以避免發生異常。

這篇文章開放授權,在註明原文地址,內容不做修改的前提下可以隨意轉載。

從函式庫到框架

在最開始的時候,Vue 只是一個執行時間函式庫。但這些年來,它已經逐步發展成一個包含許多子項目的框架:

  • 核心庫,也就是vue npm 套件

  • ##內容足夠當作一本書的文檔

  • 建立工具鏈(Vue CLI、Vue Loader 和其他支援包)

  • 用於建立單頁面應用的路由Vue Router

  • 用於狀態管理的Vuex

  • 用於偵錯和分析的瀏覽器開發者工具擴充

  • 用於支援開發單檔案元件的VSCode 擴充功能Vetur

  • #用於進行靜態風格/錯誤檢查的ESLint 外掛程式

  • #用於元件測試的Vue Test Utils

  • 利用Vue 執行時間功能的客製化JSX Babel 外掛程式

  • ##用於靜態網站產生的VuePress
  • 正因為Vue 是一個社群驅動的項目,才讓這一切成為可能。這些計畫中的許多都是由社群成員發起,他們後來成為了 Vue 團隊的成員。其餘的項目最初由我發起,但現在除了核心庫之外,幾乎都完全由團隊維護。 【推薦:
vue.js影片教學

Vue 3 的「軟體發布」

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

在這個過程中,我們依然將 Vue 2 保留為文件和 npm 安裝時的預設版本。這是因為我們知道對於大部分使用者來說,在 Vue 3 的其餘部分完善以前,Vue 2 仍然提供了更一致且完整的體驗。

嶄新的Vue

「軟發布」 的過程比預期要長,但這個時刻終於到了:我們很高興地宣布,Vue 3 將在2022 年2 月7 日成為新的預設版本。

除了 Vue 核心庫以外,我們也幾乎改進了框架的每個面向。

    基於Vite 的極速建立工具鏈
  • #

版本切換細節

以下是我們所說的「新的預設版本」的具體細節。此外,請務必閱讀文末的 可能需要採取的措施 部分,來確認你是否需要在預設版本切換之前做相應改動以避免發生異常。

npm 發布標籤

    npm install vue 將預設安裝 Vue 3。
  • 所有其他官方 npm 套件的 latest 發布標籤將指向其 Vue 3 的相容版本,包括 vue-router、vuex、vue-loader 和 @vue/test-utils。
官方文件與網站

所有的文件和官方網站將預設切換到 Vue 3 版本。包括:

- http://vuejs.org
- http://router.vuejs.org
- http://vuex.vuejs.org
- http://vue-test-utils.vuejs.org (将迁移到 http://test-utils.vuejs.org)
- http://template-explorer.vuejs.org

請注意,新的 http://vuejs.org 將是完全重寫的版本,而不是目前部署在 v3.vuejs.org 的版本。

這些網站目前的Vue 2 版本將會被移轉到新位址(版本前綴表示庫的各自版本,而非Vue 核心庫的版本):

- http://vuejs.org -> http://v2.vuejs.org (旧的 v2 网址将自动重定向到新地址上)
- http://router.vuejs.org -> http://v3.router.vuejs.org
- http://vuex.vuejs.org -> http://v3.vuex.vuejs.org
- http://vue-test-utils.vuejs.org -> http://v1.test-utils.vuejs.org
- http://template-explorer.vuejs.org -> http://v2.template-explorer.vuejs.org

GitHub 倉庫

在寫這篇文章時,倉庫相關的變更已經生效了。

vuejs 组织下的所有 GitHub 仓库将把默认分支切换到 Vue 3 对应的版本。此外,以下仓库将被重命名,以删除其名称中的 next:

- vuejs/vue-next -> vuejs/core
- vuejs/vue-router-next -> vuejs/router
- vuejs/docs-next -> vuejs/docs
- vuejs/vue-test-utils-next -> vuejs/test-utils
- vuejs/jsx-next -> vuejs/babel-plugin-jsx

此外,主文档的翻译仓库将被移至 vuejs-translations 组织下。

GitHub 会自动处理仓库的重定向,所以之前的源码与 issue 问题的链接应该仍然有效。

开发者工具扩展

开发者工具 v6 目前是发布到 Chrome Web Store 的 beta 频道下的,在版本切换后,将移至稳定频道。

目前的稳定频道仍然可用。它将被迁移到遗留频道。

可能需要采取的措施

未指定版本的 CDN 链接

如果你通过 CDN 链接使用 Vue 2 而没有指定版本,请确保通过 @2 来指定一个版本范围:

- <script src="https://unpkg.com/vue"></script>
+ <script src="https://unpkg.com/vue@2"></script>
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>

注意:即使使用 Vue 3,你也应该始终在生产环境指定一个版本范围,以避免意外地加载到未来的大版本。

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"
  }
}

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

陳述
本文轉載於:尤雨溪。如有侵權,請聯絡admin@php.cn刪除

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具