Maison >interface Web >js tutoriel >Explication détaillée de la séquence d'appel des fonctions dans vue

Explication détaillée de la séquence d'appel des fonctions dans vue

小云云
小云云original
2018-03-19 10:51:362343parcourir

Cet article partage principalement une introduction à la séquence d'appel de fonctions dans Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde. Méthode est utilisée pour définir des méthodes. Par exemple, si vous @click="test", méthodes définit la méthode de test.

créé et prêt sont tous deux le cycle de vie des composants de vue

créé

Type : Fonction

Détails :

Appelée de manière synchrone après la création de l'instance. À ce stade, l'instance a fini d'analyser les options, ce qui signifie que : les liaisons de données, les propriétés calculées, les méthodes, les observateurs/rappels d'événements ont été établis. Mais la compilation du DOM n'a pas encore démarré, $el n'existe pas encore.

prêt

Type : Fonction

Détails :

Fin de la compilation et el sont appelés après la première insertion du document, par exemple après le premier crochet attaché. Notez qu'il doit être déclenché par l'insertion de Vue (par exemple, il est appelé après que vm.el insère le document pour la première fois, par exemple après le premier hook attaché. Notez qu'il doit être déclenché par l'insertion de Vue (par exemple, vm .appendTo() et autres méthodes ou instructions update)) ready hook

compted est un attribut calculé, tel que


computed:{ 
b:function(){ 
return this.a+1 
} 
}

alors la valeur de b est toujours liée à a. Elle est égale à la valeur de a + 1. Lorsque la valeur de a est modifiée, elle changera également en

La bibliothèque ajax de vue recommande en utilisant vue-resource. Généralement, pour les applications non monopage, il suffit d'obtenir les données prêtes s'il s'agit d'une application monopage, selon Faites-le passer par le cycle de vie de routage, tel que


route: { 
data: function (transition) { 
//数据获取,修改data 
transition.next() 
} 
}
Recommandations associées :

Explication sur l'appel des fonctions récursives PHP

Introduction à la méthode d'appel des anonymes fonctions en JavaScript

Appel de fonctions en 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!

Déclaration:
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