Quels sont les avantages de vue

Vue.js est un framework progressif pour la création d'interfaces utilisateur. Contrairement à d'autres frameworks lourds, Vue adopte une conception de développement incrémental ascendant. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue et est très facile à apprendre et à intégrer à d'autres bibliothèques ou projets existants. Vue, en revanche, est entièrement capable d'alimenter des applications complexes d'une seule page développées avec des composants et des bibliothèques à fichier unique pris en charge par l'écosystème Vue.

Avantages de vue :

Cadre léger

Concentrez-vous uniquement sur la couche de vue, qui est une collection de vues pour la création de données, d'une taille de seulement quelques dizaines de Ko

Vue.js fournit une liaison de données efficace et un système de composants flexible via une API simple

Simple et facile à apprendre

Développement du chinois, documents chinois, pas de barrières linguistiques, facile à comprendre et à apprendre

Liaison de données bidirectionnelle

C'est ce qu'on appelle la liaison de données réactive. La réactivité ici n'est pas la mise en page réactive dans la requête multimédia @media, mais signifie que vue.js répondra automatiquement de manière synchrone aux modifications de certaines données sur la page.

En d'autres termes, vue.js répondra automatiquement aux changements de données et modifiera toutes les données et affichera le contenu lié entre eux en fonction des relations de liaison pré-écrites par l'utilisateur dans le code. Cette relation de liaison est déclarée avec l'attribut v-model de la balise d'entrée, vous pouvez donc voir quelqu'un appeler grossièrement vue.js un moteur de modèle de rendu déclaratif ailleurs.

C'est le plus grand avantage de vue.js. Il réalise une liaison bidirectionnelle des données grâce à l'idée MVVM, de sorte que les développeurs n'ont plus besoin d'exploiter les objets DOM et ont plus de temps pour réfléchir à la logique métier.

Componentisation

Dans les applications front-end, peut-on également encapsuler des modules comme la programmation ? Cela introduit l'idée de développement de composants.

Vue.js divise divers modules dans une application d'une seule page en composants distincts via des composants. Il nous suffit d'écrire d'abord diverses balises de composants dans l'application parent ((occuper la fosse) et d'écrire les paramètres à définir. passé dans le composant dans la balise du composant (tout comme passer des paramètres à la fonction, ce paramètre est appelé l'attribut du composant), puis écrire l'implémentation des différents composants séparément (remplir la fosse), puis toute l'application est terminée .

Séparation des vues, des données et des structures

Pour simplifier les modifications des données, il n'est pas nécessaire de modifier le code logique et il vous suffit d'exploiter les données pour effectuer les opérations pertinentes

DOM virtuel

De nos jours, la vitesse d'Internet est de plus en plus rapide. De nombreuses personnes possèdent des dizaines, voire des centaines de fibres optiques M chez elles, et les téléphones mobiles ont également commencé à utiliser la 4G. Appuyez sur Une page Web ne fait que quelques centaines de Ko, et le navigateur lui-même mettra en cache de nombreux fichiers de ressources. Alors pourquoi est-il toujours si lent d'ouvrir une page en cache qui a été ouverte auparavant avec. des dizaines de fibres M ? En effet, le navigateur lui-même présente des goulots d'étranglement lors du traitement du DOM. Surtout dans le développement traditionnel, lorsque les fonctions d'opération JQuery ou JavaScript DOM natives sont utilisées pour faire fonctionner fréquemment le DOM, le navigateur doit constamment restituer de nouvelles arborescences DOM. bloqué.

Virtual DOM est le mot anglais pour Virtual DOM. En termes simples, il s'agit d'une méthode qui peut effectuer divers calculs via JavaScript à l'avance pour calculer et optimiser l'opération DOM finale. Puisque cette opération DOM est un prétraitement, il n'y a pas de prétraitement. fonctionnement réel du DOM, on l'appelle donc DOM virtuel. Enfin, l'opération DOM est effectivement soumise une fois le calcul terminé et les modifications de l'opération DOM sont reflétées dans l'arborescence DOM.

Courez plus vite

Comme en comparaison avec React, ils fonctionnent tous les deux en termes de performances virtuelles, vue présente de grands avantages

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!