|
1 | 1 | ---
|
2 | 2 | title: Routage
|
3 |
| -description: Nuxt.js utilise le système de fichiers pour générer les routes de votre applications web, c'est aussi simple qu'en PHP de créer des routes. |
| 3 | +description: Nuxt.js utilise le système de fichiers pour générer les routes de votre application web, c'est aussi simple qu'en PHP de créer des routes. |
4 | 4 | ---
|
5 | 5 |
|
6 | 6 | > Nuxt.js génère automatiquement la configuration pour [vue-router](https://github.com/vuejs/vue-router) en fonction de votre arborescence de fichiers Vue se trouvant au sein du répertoire `pages`.
|
|
17 | 17 | --| index.vue
|
18 | 18 | ```
|
19 | 19 |
|
20 |
| -générera automatiquement : |
| 20 | +génèrera automatiquement : |
21 | 21 |
|
22 | 22 | ```js
|
23 | 23 | router: {
|
|
57 | 57 | --| index.vue
|
58 | 58 | ```
|
59 | 59 |
|
60 |
| -générera automatiquement : |
| 60 | +génèrera automatiquement : |
61 | 61 |
|
62 | 62 | ```js
|
63 | 63 | router: {
|
@@ -127,7 +127,7 @@ pages/
|
127 | 127 | --| users.vue
|
128 | 128 | ```
|
129 | 129 |
|
130 |
| -générera automatiquement : |
| 130 | +génèrera automatiquement : |
131 | 131 |
|
132 | 132 | ```js
|
133 | 133 | router: {
|
@@ -170,7 +170,7 @@ pages/
|
170 | 170 | --| index.vue
|
171 | 171 | ```
|
172 | 172 |
|
173 |
| -générera automatiquement : |
| 173 | +génèrera automatiquement : |
174 | 174 |
|
175 | 175 | ```js
|
176 | 176 | router: {
|
@@ -213,7 +213,7 @@ router: {
|
213 | 213 |
|
214 | 214 | ## Transitions
|
215 | 215 |
|
216 |
| -Nuxt.js utilise le composant [`<transition>`](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) afin de vous permettre de créer des transitions / animations époustouflantes entre vos routes. |
| 216 | +Nuxt.js utilise le composant [`<transition>`](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) afin de vous permettre de créer de superbes transitions / animations entre vos routes. |
217 | 217 |
|
218 | 218 | ### Paramètres globaux
|
219 | 219 |
|
@@ -256,7 +256,7 @@ Nous ajoutons une nouvelle classe dans notre CSS global `assets/main.css` :
|
256 | 256 | }
|
257 | 257 | ```
|
258 | 258 |
|
259 |
| -puis, nous utilions la propriété transition pour définir le nom de la classe à utiliser pour cette transition de page : |
| 259 | +puis, nous utilisons la propriété transition pour définir le nom de la classe à utiliser pour cette transition de page : |
260 | 260 | ```js
|
261 | 261 | export default {
|
262 | 262 | transition: 'test'
|
@@ -297,7 +297,7 @@ export default function ({ route }) {
|
297 | 297 | }
|
298 | 298 | ```
|
299 | 299 |
|
300 |
| -Puis, dans `nuxt.config.js`, pour une mise en page ou une page, utilisez le mot clef `middleware` : |
| 300 | +Puis, dans `nuxt.config.js`, pour une mise en page ou une page, utilisez le mot-clé `middleware` : |
301 | 301 |
|
302 | 302 | `nuxt.config.js`
|
303 | 303 | ```js
|
|
0 commit comments