Dans quel cycle de vie ajax in vue se situe-t-il généralement ?

Les requêtes Ajax dans Vue sont généralement placées dans le cycle « créé ». Avantages : 1. Cela permet d'obtenir les données du serveur plus rapidement et de réduire le temps de chargement des pages ; 2. Cela contribue à la cohérence car SSR ne prend pas en charge la fonction beforeMount et les hooks montés.

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

Cycle de vie de Vue

• beforeCreate (avant création) : avant le début des événements d'observation et d'initialisation des données, les données, l'observateur et les méthodes n'existent pas encore, mais $route existe déjà et peut être acheminé selon Les informations sont redirigées, etc.

• created(after création) : Appelé après la création de l'instance. A ce stade, les données sont accessibles, à l'aide d'un observateur, d'événements, de méthodes, c'est-à-dire d'un observateur de données et d'une configuration d'événement événement/observateur. complété. Mais le dom n'est pas encore monté. Cette étape permet d'effectuer des opérations de requête http.

• beforeMount (avant le montage) : analysez le HTML pour générer des nœuds AST, puis générez dynamiquement des fonctions de rendu basées sur les nœuds AST. La fonction de rendu correspondante est appelée pour la première fois (c'est nous qui soulignons).

• assemblé (après le montage) : appelé une fois le montage terminé, exécutez la fonction de rendu pour générer un dom virtuel, créez un dom réel pour remplacer le dom virtuel et montez-le sur l'instance. Vous pouvez utiliser dom, comme la surveillance des événements

• beforeUpdate : appelé après la mise à jour de vm.data et avant le rendu du dom virtuel. Ce hook peut être appelé après avoir modifié la mise à jour de vm.data, mais avant que le dom virtuel ne soit restitué. Ce hook peut être appelé après avoir modifié la mise à jour de vm.data, mais avant que le dom virtuel ne soit restitué. Dans ce hook, vm.data peut être modifié et aucun processus de mise en mémoire tampon et de rendu supplémentaire ne sera déclenché.

• updated : Appelé après le nouveau rendu du dom virtuel. Si $vm.data est à nouveau modifié, beforeUpdate et update seront à nouveau déclenchés, entrant dans une boucle infinie.

• beforeDestroy : Appelé avant que l'instance ne soit détruite, ce qui signifie que l'instance peut encore être appelée à ce stade.

• destroyed : appelé après la destruction de l'instance, tous les écouteurs d'événements ont été supprimés et l'instance enfant est détruite

Dans quel cycle de vie de vue ajax est-il placé ?

Généralement, les demandes de données peuvent être envoyées en création et montées. Cependant, la plupart du temps, les demandes seront envoyées en création.

Scénario d'utilisation de Created : Si la page est rendue pour la première fois, elle provient des données back-end. Parce que les données ont été montées sur l'instance vue à ce moment-là.

En créé (si vous souhaitez que les premières données sélectionnées proviennent du backend, envoyez une requête ici) (seules les requêtes asynchrones sont envoyées, le rendu est effectué après la réponse du backend), avantMount, monté (envoyer monté La requête sera rendu deux fois) et appelé ces trois fonctions de hook.

Étant donné que des données ont été créées dans ces trois fonctions hook, les données renvoyées par le serveur peuvent être attribuées. Mais le plus couramment utilisé est d'appeler des requêtes asynchrones dans la fonction hook créée, car l'appel de requêtes asynchrones dans la fonction hook créée

Avantages :

Premier point : les données du serveur peuvent être obtenues plus rapidement et le temps de chargement des pages peut être réduit

Deuxième point : le mettre dans create aide à la cohérence, car ssr ne prend pas en charge les fonctions beforeMount et Mounted hook.

【Recommandations associées : 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!