- Loading...
+ Chargement...
@@ -43,19 +43,19 @@ export default {
}
},
created () {
- // fetch the data when the view is created and the data is
- // already being observed
+ // récupérer les données lorsque la vue est créée et
+ // que les données sont déjà observées
this.fetchData()
},
watch: {
- // call again the method if the route changes
+ // appeler encore la méthode si la route change
'$route': 'fetchData'
},
methods: {
fetchData () {
this.error = this.post = null
this.loading = true
- // replace getPost with your data fetching util / API wrapper
+ // remplacer `getPost` par une fonction de récupération de données
getPost(this.$route.params.id, (err, post) => {
this.loading = false
if (err) {
@@ -69,10 +69,9 @@ export default {
}
```
-## Fetching Before Navigation
+## Récupération de données avant la navigation
-With this approach we fetch the data before actually navigating to the new
-route. We can perform the data fetching in the `beforeRouteEnter` guard in the incoming component, and only call `next` when the fetch is complete:
+Avec cette approche, nous récupérerons les données avant de naviguer vers la nouvelle route. Nous pouvons effectuer la récupération de données dans la fonction de sécurisation `beforeRouteEnter` du composant à venir, et seulement appeler `next` lorsque la récupération est terminée :
``` js
export default {
@@ -87,8 +86,8 @@ export default {
next(vm => vm.setData(err, post))
})
},
- // when route changes and this component is already rendered,
- // the logic will be slightly different.
+ // quand la route change et que ce composant est déjà rendu,
+ // la logique est un peu différente
beforeRouteUpdate (to, from, next) {
this.post = null
getPost(to.params.id, (err, post) => {
@@ -108,4 +107,4 @@ export default {
}
```
-The user will stay on the previous view while the resource is being fetched for the incoming view. It is therefore recommended to display a progress bar or some kind of indicator while the data is being fetched. If the data fetch fails, it's also necessary to display some kind of global warning message.
+L'utilisateur va rester sur la vue précédente pendant que la ressource est en train d'être récupérée pour la vue à venir. Il est cependant recommandé d'afficher une barre de progression ou un autre type d'indicateur pendant que les données sont en train d'être récupérées. Si la récupération échoue, il est aussi recommandé d'afficher une sorte de message d'erreur global.