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/essentials/getting-started.md
+11-11Lines changed: 11 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -15,8 +15,8 @@ Créer une application monopage avec Vue.js + vue-router est vraiment simple. Av
15
15
<divid="app">
16
16
<h1>Bonjour l'application !</h1>
17
17
<p>
18
-
<!-- utilisez le composant router-link pour la navigation. -->
19
-
<!-- spécifiez le lien en le passant à la propriété `to` -->
18
+
<!-- utilisez le composant `router-link` pour la navigation. -->
19
+
<!-- spécifiez le lien en le passant à la prop `to` -->
20
20
<!-- <router-link> sera rendu en tag `<a>` par défaut -->
21
21
<router-linkto="/foo">Aller à Foo</router-link>
22
22
<router-linkto="/bar">Aller à Bar</router-link>
@@ -30,31 +30,31 @@ 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 (e.g. 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
-
// 1. Définir des composants.
35
+
// 1. Définissez les composants de route.
36
36
// Ces derniers peuvent être importés depuis d'autre fichier
37
37
constFoo= { template:'<div>foo</div>' }
38
38
constBar= { template:'<div>bar</div>' }
39
39
40
-
// 2. Définir des routes.
41
-
// Chaque route doit corresponde à un composant. Le "composant" peut
42
-
// soit être un véritable composant créé via Vue.extend(), ou juste un
40
+
// 2. Définissez des routes.
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
43
// objet d'options.
44
44
// Nous parlerons plus tard des routes imbriquées.
45
45
constroutes= [
46
46
{ path:'/foo', component: Foo },
47
47
{ path:'/bar', component: Bar }
48
48
]
49
49
50
-
// 3. Créer l'instance du routeur et passer l'option `routes`.
50
+
// 3. Créez l'instance du routeur et passez l'option `routes`.
51
51
// Vous pouvez également passer des options supplémentaires,
52
52
// mais nous allons faire simple pour l'instant.
53
53
constrouter=newVueRouter({
54
-
routes // raccourci pour routes: routes
54
+
routes // raccourci pour `routes: routes`
55
55
})
56
56
57
-
// 5. Créer et monter l'instance de Vue.
57
+
// 5. Créez et montez l'instance de Vue.
58
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
constapp=newVue({
@@ -66,4 +66,4 @@ const app = new Vue({
66
66
67
67
Vous pouvez aussi regarder cet [exemple](http://jsfiddle.net/yyx990803/xgrjzsup/).
68
68
69
-
Notez qu'un `<router-link>` obtiendra automatiquement la classe `router-link-active` lorsque sa route cible correspond avec la route actuelle. Vous pouvez en apprendre plus à propos de cela dans sa [documentation d'API](../api/router-link.md).
69
+
Notez qu'un `<router-link>` obtiendra automatiquement la classe `.router-link-active` lorsque sa route cible correspond avec la route actuelle. Vous pouvez en apprendre plus à propos de cela dans sa [documentation d'API](../api/router-link.md).
0 commit comments