Quand vue est-il créé ?

Dans vue, la fonction hook créée sera appelée après la création de l'instance. Il s'agit d'une fonction hook de cycle de vie. Après la génération d'une instance vue, il y aura une fonction hook à chaque étape, ce qui est pratique. pour différentes étapes. Pour gérer différentes logiques, vous pouvez généralement appeler ajax dans la fonction créée pour obtenir des données.

L'environnement d'exploitation de cet article : système Windows 10, Vue version 2.9.6, ordinateur DELL G3.

Quand vue utilise-t-il créé

La méthode créée dans vue.js est une fonction hook de cycle de vie. Cette fonction sera appelée après la génération d'une instance de vue. Une fois qu'une instance de vue est générée, elle doit être liée à un élément HTML, puis compilée puis insérée dans le document. Chaque étape aura une fonction de hook pour permettre aux développeurs de gérer différentes logiques à différentes étapes.

Généralement, vous pouvez appeler ajax dans la fonction créée pour obtenir les données nécessaires à l'initialisation de la page.

Cycle de vie de l'instance

Chaque instance Vue passe par une série de processus d'initialisation avant d'être créée. Par exemple, l'instance doit configurer l'observateur de données, compiler le modèle, monter l'instance sur le DOM, puis mettre à jour le DOM lorsque les données changent. Au cours de ce processus, l'instance appellera également certains hooks de cycle de vie, ce qui nous offre la possibilité d'exécuter une logique personnalisée. Par exemple, la fonction hook créée est appelée après la création de l'instance :

var vm = new Vue({
data: {
a: 1
},
created: function () {
// `this` 指向 vm 实例
console.log('a is:', this.a)
}
})

Il existe également d'autres hooks qui sont appelés à différentes étapes du cycle de vie de l'instance, telles que montées, mises à jour, détruites. Ceci dans la fonction hook pointe vers l'instance Vue qui l'a appelé. Certains enfants peuvent se demander si Vue.js a le concept de « contrôleur » ? La réponse est non. La logique personnalisée d'un composant peut être distribuée entre ces hooks.

[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!