Dernière annonce de You Yuxi : Vue3 deviendra la version par défaut !

Emphase ajoutée : Vue 3 deviendra la nouvelle version par défaut le 7 février 2022 !

Assurez-vous de lire la section Mesures qui pourraient devoir être prises à la fin de l'article pour confirmer si vous devez apporter les modifications correspondantes avant de passer à la version par défaut afin d'éviter les exceptions.

Cet article est ouvert à autorisation et peut être reproduit à volonté tant que l'adresse originale est indiquée et que le contenu n'est pas modifié.

De la bibliothèque au framework

Au début, Vue n'était qu'une bibliothèque d'exécution. Mais au fil des années, il s'est progressivement développé en un framework avec de nombreux sous-projets :

• La bibliothèque principale, le package vue npm

• Le contenu est suffisant pour être la documentation d'un livre

• Build chaîne d'outils (Vue CLI, Vue Loader et autres packages de support)

• Routing Vue Router pour la création d'applications à page unique

• Vuex pour la gestion de l'état

• Extension des outils de développement de navigateur pour le débogage et le profilage

• VSCode extension Vetur pour prendre en charge le développement de composants à fichier unique

• Plugin ESLint pour les styles statiques/vérification d'erreurs

• Vue Test Utils pour les tests de composants

• Utilisation du runtime Vue Plugin JSX Babel personnalisé fonctionnel

• VuePress pour la génération de sites Web statiques

Tout est possible car Vue est un projet communautaire. Beaucoup de ces projets ont été lancés par des membres de la communauté qui sont ensuite devenus membres de l'équipe Vue. Le reste des projets ont été initialement lancés par moi, mais sont désormais presque entièrement maintenus par l'équipe, à l'exception de la bibliothèque principale. [Recommandé : Tutoriel vidéo vue.js]

La « version logicielle » de Vue 3

À mesure que la bibliothèque principale publie une nouvelle version majeure, toutes les autres parties du framework doivent également être mises à jour simultanément. Nous devons également proposer une option de mise à niveau pour les utilisateurs de Vue 2. Pour une équipe communautaire comme Vue, il s'agit d'une entreprise énorme. Alors que la bibliothèque principale de Vue 3 est terminée, d'autres parties du framework sont soit encore en version bêta, soit n'ont pas encore commencé à s'adapter à Vue 3. Notre décision à l'époque était de publier d'abord la bibliothèque principale, afin que les premiers utilisateurs puissent l'utiliser en premier, et que les développeurs de la bibliothèque et du framework de couche supérieure puissent s'adapter en premier, pendant que nous continuions à mettre à jour le reste du framework.

Pendant ce processus, nous conservons toujours Vue 2 comme version par défaut pour la documentation et l'installation de npm. En effet, nous savons que pour la plupart des utilisateurs, Vue 2 offrira toujours une expérience plus cohérente et complète jusqu'à ce que le reste de Vue 3 soit terminé.

La nouvelle Vue

Le processus de « lancement en douceur » a pris plus de temps que prévu, mais le moment est enfin arrivé : nous sommes ravis d'annoncer que Vue 3 deviendra la nouvelle version par défaut le 7 février 2022.

En plus de la bibliothèque principale Vue, nous avons amélioré presque tous les aspects du framework.

• Chaîne d'outils de construction extrêmement rapide basée sur Vite

• 2d1858297e72f716b2504a0c5161edaf apporte une expérience de développement plus fluide et une syntaxe API combinée

• Prise en charge de l'IDE TypeScript à composant unique fournie par Volar

• vue-tsc fournit une vérification et une génération de type de ligne de commande pour les composants de fichiers uniques

• Pinia fournit une gestion d'état plus concise

• Nouvelle extension de l'outil de développement, prend en charge Vue 2/Vue 3 et fournit un système de plug-in pour permettre aux bibliothèques communautaires de s'étendre le panneau des outils de développement eux-mêmes.

Nous avons également complètement réécrit la documentation principale. Le nouveau vuejs.org (actuellement en attente de publication, la traduction chinoise est toujours en cours) fournira les dernières suggestions de développement et un aperçu du framework, des parcours d'apprentissage flexibles pour les utilisateurs d'horizons différents, tout au long du guide et des exemples. Basculez entre les API facultatives et composées, et de nombreuses de nouveaux chapitres approfondis. Les performances du site de la nouvelle documentation elle-même sont également excellentes – nous l’explorerons bientôt en détail dans un autre article de blog.

Détails du changement de version

Voici les détails spécifiques de ce que nous appelons la « nouvelle version par défaut ». De plus, assurez-vous de lire la section Actions possibles à la fin de l'article pour confirmer si vous devez apporter des modifications avant de passer à la version par défaut afin d'éviter les exceptions.

balise de version npm

• npm install vue installera Vue 3 par défaut.

• La dernière balise de version de tous les autres packages npm officiels indiquera leurs versions compatibles Vue 3, notamment vue-router, vuex, vue-loader et @vue/test-utils.

Documents et sites officiels

Tous les documents et sites officiels seront basculés vers la version Vue 3 par défaut. Comprend :

- 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

Veuillez noter que le nouveau http://vuejs.org sera une version entièrement réécrite plutôt que la version actuellement déployée sur v3.vuejs.org.

Les versions Vue 2 actuelles de ces sites seront migrées vers la nouvelle adresse (le préfixe de version indique la version respective de la bibliothèque, et non la version de la bibliothèque principale 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 Repository

Au Au moment de la rédaction de cet article, le référentiel Les modifications pertinentes ont déjà pris effet.

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