You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/en/advanced/data-fetching.md
+6-6
Original file line number
Diff line number
Diff line change
@@ -6,13 +6,13 @@ Parfois vous avez besoin de récupérer des données depuis le serveur lorsqu'un
6
6
7
7
-**Récupération de donnée avant la navigation** : récupère les données avant la navigation dans la fonction de garde d'entrée de la route, et effectue la navigation après que les données aient été récupérées.
8
8
9
-
Techniquement, les deux choix sont valides— cela dépend de l'expérience utilisateur que vous souhaitez apporter.
9
+
Techniquement, les deux choix sont valides. Cela dépend de l'expérience utilisateur que vous souhaitez apporter.
10
10
11
11
## Récupération de données après la navigation
12
12
13
-
En utilisant cette approche, nous naviguons et faisons immédiatement le rendu du composant, et récupère les données via le hook `created` du composant. Cela nous donne l'opportunité d'afficher un état de chargement pendant ques les données sont récupérées à travers le réseau, et nous pouvons aussi gérer le chargement différemment pour chaque vue.
13
+
En utilisant cette approche, nous naviguons et faisons immédiatement le rendu du composant et récupérons les données via le hook `created` du composant. Cela nous donne l'opportunité d'afficher un état de chargement pendant que les données sont récupérées à travers le réseau, et nous pouvons aussi gérer le chargement différemment pour chaque vue.
14
14
15
-
Assumons que nous ayons un composant `Post` qui a besoin de récupérer des données pour un post identifié par `$route.params.id` :
15
+
Assumons que nous ayons un composant `Post` qui a besoin de récupérer des données pour un billet identifié par `$route.params.id` :
16
16
17
17
```html
18
18
<template>
@@ -43,19 +43,19 @@ export default {
43
43
}
44
44
},
45
45
created () {
46
-
//récupère les données lorsque la vue est créée et
46
+
//récupérer les données lorsque la vue est créée et
47
47
// que les données sont déjà observées
48
48
this.fetchData()
49
49
},
50
50
watch: {
51
-
//on appelle encore la méthode si la route change
51
+
//appeler encore la méthode si la route change
52
52
'$route':'fetchData'
53
53
},
54
54
methods: {
55
55
fetchData () {
56
56
this.error=this.post=null
57
57
this.loading=true
58
-
//remplacez getPost par votre fonction de récupération de données
58
+
//remplacer `getPost` par une fonction de récupération de données
0 commit comments