Combien de fonctions de hook y a-t-il dans vue.js

Il existe huit fonctions de hook dans vue.js, qui sont : 1. beforeCreate est utilisé avant la création ; 2. create est utilisé après la création 3. beforeMount est utilisé avant le montage ; Après le chargement ; 5. beforeDestroy est utilisé avant la destruction.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, Vue version 2.9.6 Cette méthode convient à toutes les marques d'ordinateurs.

Il y a huit fonctions de hook dans vue.js, qui sont :

1. beforeCreate : avant la création

1. L'instanciation de la vue actuelle An L'opération d'initialisation sera effectuée à un moment donné. Dans cette fonction de cycle de vie, nous pouvons effectuer le chargement d'initialisation

2. Les attributs dans les données ne sont pas accessibles dans la fonction actuelle, mais ils sont accessibles via l'objet instance. de vue.

2. créé : après la création

1. Lorsque beforeCreate est exécuté, créé sera exécuté dans la fonction actuelle, nous pouvons accéder aux attributs dans les données

. 2. Lorsque la fonction de cycle de vie actuelle est exécutée, tous les attributs des données et toutes les méthodes des méthodes seront ajoutés à l'instance de vue. En même temps,

ajoutera une méthode getter/setter

à. tous les attributs dans les données.

3. Si vous devez effectuer une interaction de données sur le front et le back-end (lorsque vous effectuez des requêtes ajax), vous devez utiliser

dans le cycle de vie actuel 3. beforeMount : avant le montage

(rendu)

Fonction de rendu pour la première fois ---- & gt; les données et les modèles n'ont pas été combinés, et en même temps, ils n'ont pas été rendus sur la page HTML

Vous pouvez faire la modification finale des données dans les données avant le rendu 🎜>

4. monté : Après le montage

1. Combiner les données et les modèles à rendre dans une vraie structure DOM

2. Nous pouvons y accéder dans la fonction de cycle de vie actuelle Vers la vraie structure DOM,

3. En vue, nous pouvons accéder à la vraie structure DOM via $refs

4. Ref est similaire à id et la valeur doit être unique lors de l'accès. Nous pouvons transmettre cet attribut.$refs.

5. beforeDestroy : Avant la destruction

                             peut également accéder la structure du DOM et les données associées (données)                                                     Dans la fonction de cycle de vie, nous pouvons supprimer les événements liés

6. détruit : Après destruction

Dans cette fonction de cycle de vie, la relation entre les données et le modèle sera déconnecté (ce n'est pas votre faute)

Dans cette fonction de cycle de vie, nous pouvons toujours accéder aux propriétés dans les données

mais nous ne pouvons pas accéder à la vraie structure DOM

7. beforeUpdate : Avant la mise à jour

Tant que les attributs des données changent, alors ce cycle de vie sera exécuté et la fonction de rendu sera à nouveau exécutée

Dans cette vie fonction de cycle de vie, nous pouvons effectuer le traitement final sur la modification des données, vous pouvez également accéder à la dernière structure et données DOM

8. mise à jour : après la mise à jour

Dans la fonction de cycle de vie actuelle, nous pouvons accéder à la dernière structure DOM (après la mise à jour des données La dernière structure DOM) et aux données

Recommandations d'apprentissage associées :

Tutoriel vidéo javascript

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!