Quelle est la différence entre l'arbre de syntaxe abstraite de vue et le dom virtuel

La différence entre l'arbre de syntaxe abstraite de vue et le dom virtuel : 1. L'arbre de syntaxe abstraite fait référence à une représentation abstraite de la structure syntaxique du code source, tandis que le dom virtuel est essentiellement un objet JS ordinaire utilisé pour décrire la structure d'interface de la vue 2 ; . Le DOM virtuel est une représentation abstraite du DOM réel sous forme d'objets, tandis que l'arbre syntaxique abstrait est une représentation abstraite de la structure syntaxique.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version Vue3, ordinateur Dell G3.

Quelle est la différence entre l'arbre de syntaxe abstraite vue et le dom virtuel

dom virtuel

Qu'est-ce que le dom virtuel ?

Le dom virtuel est essentiellement un objet JS ordinaire utilisé pour décrire la structure de l'interface de la vue

Dans vue, chaque composant a une fonction de rendu, et chaque fonction de rendu renvoie un arbre dom virtuel, ce qui signifie que chaque composant correspond à un arbre DOM virtuel

Pourquoi avons-nous besoin d'un DOM virtuel ?

Dans vue, le rendu de la vue appellera la fonction de rendu. Ce rendu se produit non seulement lorsque le composant est créé, mais également lorsque les données dont dépend la vue sont mises à jour. Si vous utilisez le vrai DOM directement lors du rendu, la création, la mise à jour, l'insertion et d'autres opérations du vrai DOM entraîneront de nombreuses pertes de performances, ce qui réduira considérablement l'efficacité du rendu.

Par conséquent, Vue utilise le dom virtuel pour remplacer le dom réel lors du rendu, principalement pour résoudre le problème de l'efficacité du rendu.

Arbre de syntaxe abstraite

En informatique, l'arbre de syntaxe abstraite (AST), ou arbre de syntaxe en abrégé, est un type de représentation abstraite de structure syntaxique de code source. Il exprime la structure grammaticale du langage de programmation sous la forme d'un arbre. Chaque nœud de l'arbre représente une structure dans le code source. La différence entre virtual dom et ast :

Virtual dom et ast sont tous deux des arbres à syntaxe abstraite. impliquent le rendu des pages. Lorsque j'ai commencé à apprendre, j'ai souvent confondu les deux. En fait, ce sont des concepts complètement différents. Les deux utilisent des objets pour une représentation abstraite, mais le dom virtuel est une représentation abstraite du dom réel sous forme d'objets, tandis que l'ast est une représentation abstraite des structures grammaticales.

Le point final de l'arbre de syntaxe abstraite est la fonction de rendu (fonction h).

Fonction de rendu (fonction h), qui est à la fois le produit de l'AST et l'origine du vnode (nœud virtuel). Il n'y a aucune instruction dans la fonction h.

L'arbre de syntaxe abstraite n'exécute pas d'algorithme de comparaison et l'arbre de syntaxe abstraite ne génère pas directement de nœuds virtuels. L'arbre de syntaxe abstraite génère finalement la fonction de rendu

[Recommandation associée : "

Tutoriel vue.js

"]

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!