Maison > interface Web > Voir.js > Un aperçu des responsabilités de chaque cycle de vie des composants Vue !

Un aperçu des responsabilités de chaque cycle de vie des composants Vue !

藏色散人
Libérer: 2022-08-10 16:56:46
avant
1622 Les gens l'ont consulté

Le cycle de vie des composants dans Vue, que fait chaque cycle de vie et que faut-il faire dans ce cycle de vie ?

【Recommandation associée : tutoriel vidéo vue.js

Pour savoir quand chaque cycle de vie est appelé

  • 1.beforeCreate est appelé après l'initialisation de l'instance, mais avant l'observateur de données.

  • 2.created est appelé après la création de l'instance. À cette étape, l'instance a effectué la configuration suivante : observation des données (observateur de données), opérations sur les propriétés et les méthodes, et rappels d'événements de surveillance/d'événement. Il n'y a pas de $el ici

  • 3.beforeMount est appelé avant le début du montage : la fonction de rendu correspondante est appelée pour la première fois.

  • 4.Mounted el est remplacé par le vm.$el nouvellement créé et est monté sur l'instance avant d'appeler ce hook.

  • 5.beforeUpdate est appelé lorsque les données sont mises à jour, ce qui se produit avant que le DOM virtuel ne soit restitué et corrigé.

  • 6.updated Ce hook sera appelé après le nouveau rendu du DOM virtuel et l'application de correctifs en raison de modifications de données.

  • 7.beforeDestroy est appelé avant que l'instance ne soit détruite. A cette étape, l'instance est toujours entièrement disponible.

  • 8.destroyed Appelé après la destruction de l'instance Vue. Après cet appel, tout ce qui est pointé par l'instance Vue ne sera plus lié, tous les écouteurs d'événements seront supprimés et toutes les instances enfants seront détruites. Ce hook n'est pas appelé lors du rendu côté serveur

Pour comprendre ce qui peut être fait à l'intérieur de chaque cycle de vie

  • 1.l'instance créée a été créée, car c'est la première raison de déclenchement pour exécuter certaines données , demande de ressources.

  • 2.mounted L'instance a été montée et certaines opérations DOM peuvent être effectuées

  • 3.beforeUpdate Vous pouvez modifier davantage l'état dans ce hook, ce qui ne déclenchera pas de processus de rendu supplémentaire.

  • 4.updated peut effectuer des opérations qui dépendent du DOM. Cependant, dans la plupart des cas, vous devez éviter de changer d’état pendant cette période, car cela pourrait entraîner une boucle infinie de mises à jour. Ce hook n'est pas appelé lors du rendu côté serveur.

  • 5.destroyed peut effectuer certaines opérations d'optimisation, effacer les minuteries et dissocier les événements

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!

Étiquettes associées:
vue
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal