@@ -15,9 +15,9 @@ Créer une application monopage avec Vue.js + vue-router est vraiment simple. Av
15
15
<div id =" app" >
16
16
<h1 >Bonjour l'application !</h1 >
17
17
<p >
18
- <!-- utilisez le composant ` router-link` pour la navigation. -->
18
+ <!-- utilisez le composant router-link pour la navigation. -->
19
19
<!-- spécifiez le lien en le passant à la prop `to` -->
20
- <!-- <router-link> sera rendu en tag `<a>` par défaut -->
20
+ <!-- ` <router-link>` sera rendu en tag `<a>` par défaut -->
21
21
<router-link to =" /foo" >Aller à Foo</router-link >
22
22
<router-link to =" /bar" >Aller à Bar</router-link >
23
23
</p >
@@ -30,7 +30,7 @@ Créer une application monopage avec Vue.js + vue-router est vraiment simple. Av
30
30
### JavaScript
31
31
32
32
``` js
33
- // 0. Si vous utilisez un système de module (ex : via vue-cli), il faut importer Vue et VueRouter et ensuite appeler Vue.use(VueRouter).
33
+ // 0. Si vous utilisez un système de module (ex : via vue-cli), il faut importer Vue et VueRouter et ensuite appeler Vue.use(VueRouter).
34
34
35
35
// 1. Définissez les composants de route.
36
36
// Ces derniers peuvent être importés depuis d'autre fichier
@@ -39,23 +39,23 @@ const Bar = { template: '<div>bar</div>' }
39
39
40
40
// 2. Définissez des routes.
41
41
// Chaque route doit correspondre à un composant. Le « composant » peut
42
- // soit être un véritable composant créé via `Vue.extend()`, ou juste un
43
- // objet d'options.
42
+ // soit être un véritable composant créé via `Vue.extend()`, ou juste un
43
+ // objet d'options.
44
44
// Nous parlerons plus tard des routes imbriquées.
45
45
const routes = [
46
46
{ path: ' /foo' , component: Foo },
47
47
{ path: ' /bar' , component: Bar }
48
48
]
49
49
50
50
// 3. Créez l'instance du routeur et passez l'option `routes`.
51
- // Vous pouvez également passer des options supplémentaires,
51
+ // Vous pouvez également passer des options supplémentaires,
52
52
// mais nous allons faire simple pour l'instant.
53
53
const router = new VueRouter ({
54
54
routes // raccourci pour `routes: routes`
55
55
})
56
56
57
57
// 5. Créez et montez l'instance de Vue.
58
- // Soyez sûr d'injecter le routeur avec l'option `router` pour
58
+ // Soyez sûr d'injecter le routeur avec l'option `router` pour
59
59
// permettre à l'application tout entière d'être à l'écoute du routeur.
60
60
const app = new Vue ({
61
61
router
0 commit comments