Quand vue3.0 est-il sorti ?

vue3.0 est officiellement sortie le 18 septembre 2020. La version vue3.0 est complètement différente des autres versions. Elle minimise le nombre de fois où les développeurs configurent les outils, ajoute de nombreuses fonctions intégrées riches et est livrée avec une interface graphique complète pour créer et gérer des projets.

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 3.0, ordinateur DELL G3.

Quand est-ce que vue3.0 est sorti

Le 18 septembre 2020, Vue.js 3.0 est officiellement sorti ? Cette version du framework lui-même apporte plusieurs améliorations majeures, ainsi que quelques résumés de fonctions et de processus !

Historique 1.3.0

• La version 3.0 représente plus de 2 ans de travail de développement
• Avec plus de 30 RFC
• 2600+ commits
• de 99 contributeurs
• 628 pulls Demande
• Développement approfondi et travail de documentation

2. La mission de Vue

Être facile à apprendre pour tout le monde Fermer le framework

3. Optimisation des performances

• Acheminement du chargement paresseux
• Page en cache Keep-Alive
• Utilisez v-show pour réutiliser le DOM
• v-for traversal pour éviter d'utiliser v-if en même temps
• Optimisation des performances de longue liste
• Destruction d'événements
• Chargement paresseux d'image
• Troisième- les plug-ins de fête sont introduits sur demande
• Les composants apatrides sont marqués comme composants fonctionnels
• Découpage des sous-composants
• Localisation variable
• SSR

4. Meilleure intégration de TypeScript

• Prise en charge de TypeScript améliorée, l'éditeur peut fournir des types puissants de vérifications, d'erreurs et d'avertissements
• Meilleure prise en charge du débogage

5. Nouvelle API pour gérer les cas d'utilisation à grande échelle

• réactif
• ref
• calculé
• lecture seule
• watchEffect
• watch
• unref
• toRef
• toRefs
• isRef
• isProxy
• isReactive
• isReadonly
• customRef
• markRaw
• shallowReactive
• shallowReadonly
• shallowRef
• toRaw

6. Modules internes hiérarchiques

Le noyau Vue 3.0 est toujours disponible via un simple <script> tag, mais sa structure interne a été complètement réécrite comme un ensemble de modules découplés. La nouvelle architecture offre une meilleure maintenabilité et permet aux utilisateurs finaux de réduire de moitié la taille du temps d'exécution grâce au tremblement de l'arborescence. Les

modules sont les suivants :

Points de fonction fournis par le module :

1. pour créer des transformations AST personnalisées (par exemple, au moment de la construction i18n)

2. Le moteur d'exécution principal fournit API pour créer des transformations AST personnalisées pour différentes cibles de rendu (par exemple 本机移动设备, WebGL ou 终端 ) moteur de rendu personnalisé. Le moteur de rendu DOM par défaut est construit à l'aide de la même API.

3. Les fonctions exportées par ce @vue/reactivity module peuvent accéder directement au système de réaction de Vue et peuvent être utilisées comme package autonome. Il peut être associé à d'autres solutions de modèles telles que lit-html et peut même être utilisé dans des scénarios sans interface utilisateur.

7.objectif de conception de composition-api

Vise à résoudre les difficultés liées à l'utilisation de Vue dans les grandes applications.
L'API de composition est construite sur l'API réactive, permettant une composition logique et une réutilisation similaires aux hooks React, des modèles d'organisation de code plus flexibles et une inférence de type plus fiable par rapport à l'API basée sur les objets 2.x.

8. Améliorations des performances (par rapport à Vue2)

• Par tremblement d'arbre (réduit jusqu'à 41 % de la taille des ressources)
• Rendu initial (jusqu'à 55 % plus rapide)
• Vitesse de mise à jour : (jusqu'à 133 % plus rapide)
• Empreinte mémoire : (jusqu'à 54 % plus rapide)

9. Deux fonctions expérimentales fournies

• <script setup>

pour l'utilisation de l'API de composition dans le sucre de syntaxe SFC

• <style vars>

Variables CSS pilotées par l'état dans SFC

Guide de migration 3.0

https://v3.vuejs.org/guide/migration/introduction.html

10 Compatible avec IE11

Prévoyez de vous concentrer sur eux dans le quatrième trimestre 2020. Par conséquent, les utilisateurs qui envisagent de migrer des applications v2 existantes ou celles nécessitant la prise en charge d'IE11 doivent être conscients de ces limitations à l'heure actuelle.

11. Plan de suivi

• Version de migration
• Support IE11
• Intégration du routeur et de Vuex dans les nouveaux outils de développement
• Autres améliorations de l'inférence de type de modèle dans Vetur

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!