You Yuxi の最新の発表: Vue3 がデフォルト バージョンになります!

強調: Vue 3 は 2022 年 2 月 7 日 に新しいデフォルト バージョンになります。

例外を避けるために、デフォルト バージョンに切り替える前に、記事の最後にある 実行する必要がある可能性のある対策 セクションを必ず読んで、デフォルト バージョンに切り替える前に対応する変更を加える必要があるかどうかを確認してください。 。

この記事は承認が必要であり、元のアドレスが示され、内容が変更されていない限り、自由に複製できます。

ライブラリからフレームワークへ

当初、Vue は単なるランタイム ライブラリでした。しかし、何年にもわたって、徐々に多くのサブプロジェクトを含むフレームワークに発展してきました:

• コア ライブラリ、つまり vue npm パッケージ

• content 書籍になるのに十分なドキュメント ページ アプリケーションのルーティング Vue Router

• 状態管理用の Vuex

• デバッグとデバッグ用のブラウザ開発者ツール拡張機能分析

• 単一ファイル コンポーネントの開発をサポートする VSCode 拡張機能 Vetur

• 静的スタイル/エラー チェック用の ESLint プラグイン

• コンポーネント テスト用の Vue Test Utils

• Vue ランタイム機能を活用するカスタマイズされた JSX Babel プラグイン

• VuePress 用静的 Web サイトによって生成されました

• Vue がコミュニティ主導のプロジェクトであるからこそ、これらすべてが可能になります。これらのプロジェクトの多くは、後に Vue チームのメンバーとなるコミュニティ メンバーによって開始されました。残りのプロジェクトはもともと私によって開始されましたが、現在はコア ライブラリを除いてほぼ完全にチームによって保守されています。 [推奨事項:

  vue.js ビデオ チュートリアル
]

• Vue 3 の「ソフト リリース」

コア ライブラリが新しいメジャー バージョンをリリースすると、すべてのフレームワークの他の部分も同時に更新する必要があります。また、Vue 2 ユーザーにアップグレード オプションを提供する必要もあります。 Vue のようなコミュニティ主導のチームにとって、これは大事業です。 Vue 3 のコア ライブラリは完成していますが、フレームワークの他の部分はまだベータ版であるか、Vue 3 への適応がまだ始まっていません。当時の私たちの決定は、コア ライブラリを最初にリリースして、初期のユーザーが最初に使用できるようにし、ライブラリと上位層フレームワークの開発者が最初に適応できるようにする一方で、フレームワークの残りの部分を更新し続けることでした。 このプロセスでは、ドキュメントと npm インストールのデフォルト バージョンとして Vue 2 を維持します。これは、Vue 3 の残りの部分が完了するまで、ほとんどのユーザーにとって、Vue 2 はより一貫した完全なエクスペリエンスを提供するとわかっているためです。

まったく新しい Vue

「ソフトローンチ」プロセスには予想より時間がかかりましたが、ついにその瞬間がやって来ました。Vue 3 がリリースされることを発表できることを嬉しく思います。 2022 年 2 月 7 日にリリースされたものが新しいデフォルト バージョンになります。

Vue コア ライブラリに加えて、フレームワークのほぼすべての側面が改善されました。

Vite に基づく非常に高速な構築ツール チェーン

8e22d5627eed85f4f7555e8fe9295d57 によりスムーズな開発エクスペリエンスと結合された API 構文を実現

• #Volar が提供する単一ファイル コンポーネントの TypeScript IDE は、

#vue-tsc## が提供するコマンド ラインの型チェックと単一ファイル コンポーネントの生成をサポートしています。

• #Pia によって提供されるより簡潔な状態管理

• 新しい開発者ツール拡張機能、Vue 2/Vue 3 をサポートし、次のことを可能にするプラグイン システムを提供します。コミュニティ ライブラリを使用して、開発者ツール パネル自体を拡張します。

• メインのドキュメントも完全に書き直しました。新しい vuejs.org (現在リリース保留中、中国語翻訳はまだ進行中) は、ガイドとサンプルを通して、最新のフレームワークの概要と開発提案、さまざまな背景を持つユーザー向けの柔軟な学習パスを提供します オプション API と合成 API の切り替え、および多くの新しい詳細な章。新しいドキュメント自体のサイトのパフォーマンスも優れています。これについては、近いうちに別のブログ投稿で詳しく説明します。
• バージョン切り替えの詳細
  ここでは、「新しいデフォルト バージョン」と呼ばれるものの具体的な詳細を説明します。さらに、例外を避けるために、デフォルト バージョンに切り替える前に、記事の最後にある「考えられるアクション」セクションを必ず読んで、変更を加える必要があるかどうかを確認してください。

• npm release tag

npm install vue はデフォルトで Vue 3 をインストールします。

他のすべての公式 npm パッケージの最新リリース タグは、vue-router、vuex、vue-loader、@vue/test-utils などの Vue 3 互換バージョンを指します。

公式ドキュメントとサイト

• すべてのドキュメントと公式サイトは、デフォルトで 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