Maison  >  Article  >  interface Web  >  Introduction à la séquence d'appel de fonctions dans vue

Introduction à la séquence d'appel de fonctions dans vue

亚连
亚连original
2018-05-29 16:24:061614parcourir

Je vais maintenant partager avec vous une introduction à la séquence d'appel de fonctions dans Vue. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde. La

méthode est utilisée pour définir les méthodes. Par exemple, si vous @click="test", les méthodes définissent la méthode de test

créée et prête sont à la fois le cycle de vie de la vue. composant

créé

Type : Fonction

Détails :

en instance Appelé de manière synchrone après la création. À 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 lié à a, qui est toujours égal à la valeur de a + 1. Modifiez a. La valeur changera également lorsque la bibliothèque ajax de

vue recommande d'utiliser vue-resource. Généralement, les applications non monopage peuvent obtenir. les données sont prêtes. S'il s'agit d'une application d'une seule page, obtenez-la en fonction du cycle de vie du routage, comme

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

Ce qui précède est ce que j'ai compilé pour vous, j'espère que cela vous sera utile. à l'avenir.

Articles associés :

Vérification du format d'adresse e-mail en JavaScript

Introduction aux fonctions de partage de temps pour. Optimisation des performances javascript

Explication détaillée des instances de composants dynamiques personnalisés Vue

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