Yuxis neueste Ankündigung: Vue3 wird zur Standardversion!

Hervorhebung hinzugefügt: Vue 3 wird am 7. Februar 2022 zur neuen Standardversion!

Bitte lesen Sie unbedingt den Abschnitt Möglicherweise zu ergreifende Maßnahmen am Ende des Artikels, um zu bestätigen, ob Sie vor dem Wechsel zur Standardversion entsprechende Änderungen vornehmen müssen, um Ausnahmen zu vermeiden.

Dieser Artikel steht zur Autorisierung offen und kann nach Belieben reproduziert werden, solange die Originaladresse angegeben wird und der Inhalt nicht verändert wird.

Von der Bibliothek zum Framework

Am Anfang war Vue nur eine Laufzeitbibliothek. Aber im Laufe der Jahre hat es sich nach und nach zu einem Framework mit vielen Unterprojekten entwickelt:

• Die Kernbibliothek, das Vue-NPM-Paket

• Der Inhalt reicht aus, um die Dokumentation eines Buches zu erstellen

• Build Toolkette (Vue CLI, Vue Loader und andere Support-Pakete)

• Routing Vue Router zum Erstellen von Einzelseitenanwendungen

• Vuex für die Statusverwaltung

• Browser Developer Tools-Erweiterung für Debugging und Profilerstellung

• VSCode Erweiterung Vetur zur Unterstützung der Entwicklung von Einzeldateikomponenten VuePress für die Erstellung statischer Websites

• Das ist alles möglich, weil Vue ein Community-Projekt ist. Viele dieser Projekte wurden von Community-Mitgliedern ins Leben gerufen, die später Mitglieder des Vue-Teams wurden. Die restlichen Projekte wurden ursprünglich von mir gestartet, werden aber mittlerweile fast vollständig vom Team gepflegt, mit Ausnahme der Kernbibliothek. [Empfohlen:

  vue.js Video-Tutorial
]

• Vue 3s „Soft Release“

• Da die Kernbibliothek eine neue Hauptversion veröffentlicht, müssen auch alle anderen Teile des Frameworks gleichzeitig aktualisiert werden. Wir müssen auch eine Upgrade-Option für Vue 2-Benutzer bereitstellen. Für ein Community-orientiertes Team wie Vue ist dies ein riesiges Unterfangen. Während die Kernbibliothek von Vue 3 fertiggestellt ist, befinden sich andere Teile des Frameworks entweder noch in der Beta-Phase oder haben noch nicht mit der Anpassung an Vue 3 begonnen. Unsere damalige Entscheidung bestand darin, zuerst die Kernbibliothek zu veröffentlichen, damit die frühen Benutzer sie zuerst nutzen konnten und die Entwickler der Bibliothek und des Frameworks der oberen Ebene sich zuerst anpassen konnten, während wir den Rest des Frameworks weiter aktualisierten.

Während dieses Prozesses behalten wir weiterhin Vue 2 als Standardversion für die Dokumentation und die NPM-Installation bei. Dies liegt daran, dass wir wissen, dass Vue 2 für die meisten Benutzer immer noch ein konsistenteres und umfassenderes Erlebnis bieten wird, bis der Rest von Vue 3 perfektioniert ist.

• Das neue Vue

Der „Soft Launch“-Prozess hat länger gedauert als erwartet, aber der Moment ist endlich gekommen: Wir freuen uns, Ihnen mitteilen zu können, dass Vue 3 am 7. Februar 2022 zur neuen Standardversion wird. Zusätzlich zur Vue-Kernbibliothek haben wir fast jeden Aspekt des Frameworks verbessert.

Vite-basierte extrem schnelle Konstruktions-Toolkette

5101c0cdbdc49998c642c71f6b6410a8 sorgt für eine reibungslosere Entwicklungserfahrung und kombinierte API-Syntax

Single-File-Komponenten-TypeScript-IDE-Unterstützung durch Volar

vue-tsc Bietet Befehlszeilentypprüfung und -generierung für einzelne Dateikomponenten

• Pinia bietet eine präzisere Zustandsverwaltung

• Neue Entwicklertool-Erweiterung, unterstützt Vue 2/Vue 3 und bietet ein Plug-in-System zur Erweiterung von Community-Bibliotheken das Entwicklertools-Panel selbst.

• Außerdem haben wir die Hauptdokumentation komplett neu geschrieben. Das neue vuejs.org (derzeit steht die Veröffentlichung aus, die chinesische Übersetzung ist noch in Arbeit) bietet die neueste Framework-Übersicht und Entwicklungsvorschläge, flexible Lernpfade für Benutzer mit unterschiedlichem Hintergrund, durchgehende Anleitungen und Beispiele, Wechsel zwischen optionalen und zusammengesetzten APIs und vieles mehr neue ausführliche Kapitel. Auch die Site-Performance der neuen Dokumentation selbst ist hervorragend – darauf gehen wir demnächst in einem weiteren Blog-Beitrag ausführlich ein.

Details zum Versionswechsel

• Hier sind die spezifischen Details dessen, was wir die „neue Standardversion“ nennen. Lesen Sie außerdem unbedingt den Abschnitt „Mögliche Aktionen“ am Ende des Artikels, um zu bestätigen, ob Sie vor dem Wechsel zur Standardversion Änderungen vornehmen müssen, um Ausnahmen zu vermeiden.

• npm-Release-Tag

• npm install vue installiert Vue 3 standardmäßig.

Das neueste Release-Tag aller anderen offiziellen npm-Pakete verweist auf ihre Vue 3-kompatiblen Versionen, einschließlich Vue-Router, Vuex, Vue-Loader und @vue/test-utils.

Offizielle Dokumente und Websites

Alle Dokumente und offiziellen Websites werden standardmäßig auf die Vue 3-Version umgestellt. Beinhaltet:

- 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

Bitte beachten Sie, dass es sich bei der neuen http://vuejs.org um eine komplett neu geschriebene Version handelt und nicht um die derzeit unter v3.vuejs.org bereitgestellte Version.

• Die aktuellen Vue 2-Versionen dieser Websites werden auf die neue Adresse migriert (das Versionspräfix gibt die jeweilige Version der Bibliothek an, nicht die Version der Vue-Kernbibliothek):

  - 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 Repository

At the Zum Zeitpunkt des Schreibens dieses Artikels sind die relevanten Änderungen im Repository bereits in Kraft getreten.

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