Traduction de essentials/getting-started.md
#4
Conversation
|
|
||
| > All examples will be using the standalone version of Vue to make template parsing possible. See more details [here](http://vuejs.org/guide/installation.html#Standalone-vs-Runtime-only-Build). | ||
| > Tous les exemples utiliseront la version standalone de Vue pour rendre l'analyse de template possible. Plus de détails [ici](https://fr.vuejs.org/guide/installation.html#Runtime-Compiler-vs-Runtime-seul). |
There was a problem hiding this comment.
la version complète
La Version « standalone » a été modifié en la version « full » (Compiler + Runtime vs Runtime-only)
J'ai fait une PR dans ce sens pour la version EN, elle est passé. Il faut que tu mettes à jour ta branche vis à vis de vuejs-fr/vue-router:working et que tu résolves le confilt en concervant le terme « complète » dans ta traduction.
| <router-link to="/foo">Go to Foo</router-link> | ||
| <router-link to="/bar">Go to Bar</router-link> | ||
| <!-- utilisez le composant router-link pour la navigation. --> | ||
| <!-- spécifiez le lien en le passant à la propriété `to` --> |
There was a problem hiding this comment.
spécifiez le lien en le passant à la prop
to
C'est un terme propre à Vue que nous concervons donc tel quel.
| <router-view></router-view> | ||
| </div> | ||
| ``` | ||
|
|
||
| ### JavaScript | ||
|
|
||
| ``` js | ||
| // 0. If using a module system (e.g. via vue-cli), import Vue and VueRouter and then call Vue.use(VueRouter). | ||
| // 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). |
There was a problem hiding this comment.
(ex : via vue-cli)
On traduit tout les e.g. par ex même si ça existe tout de même en français car c'est moins rependu que « ex »
On ferra une PR global pour changer tous les « ex » par « par ex. » plus tard (déjà discuté dans une PR)
Vue.use(VueRouter). (entre `)
|
|
||
| // 1. Define route components. | ||
| // These can be imported from other files | ||
| // 1. Définir des composants. |
There was a problem hiding this comment.
Définissez les composants de route
Pour être cohérant avec ta traduction plus haute. Ou inversement plus haut tu passe les « ez » à l'impératif
| // either be an actual component constructor created via | ||
| // Vue.extend(), or just a component options object. | ||
| // We'll talk about nested routes later. | ||
| // 2. Définir des routes. |
| const router = new VueRouter({ | ||
| routes // short for routes: routes | ||
| routes // raccourci pour routes: routes |
There was a problem hiding this comment.
même si pas dans original, ajoute
routes: routes(entre `)
| // We'll talk about nested routes later. | ||
| // 2. Définir des routes. | ||
| // Chaque route doit corresponde à un composant. Le "composant" peut | ||
| // soit être un véritable composant créé via Vue.extend(), ou juste un |
There was a problem hiding this comment.
Même si pas das original ajoute
Vue.extend()(entre `)
| <router-link to="/bar">Go to Bar</router-link> | ||
| <!-- utilisez le composant router-link pour la navigation. --> | ||
| <!-- spécifiez le lien en le passant à la propriété `to` --> | ||
| <!-- <router-link> sera rendu en tag `<a>` par défaut --> |
| // 4. Create and mount the root instance. | ||
| // Make sure to inject the router with the router option to make the | ||
| // whole app router-aware. | ||
| // 5. Créer et monter l'instance de Vue. |
|
|
||
| Notice that a `<router-link>` automatically gets the `.router-link-active` class when its target route is matched. You can learn more about it in its [API reference](../api/router-link.md). | ||
| 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). |
There was a problem hiding this comment.
garder .router-link-active avec le point ou écrire la classe router-link-active sans les ` (je préfère rester fidèle à l'original).
There was a problem hiding this comment.
Je comprend pourquoi tu veux rester fidèle à l'original, mais ça m'embête un peu de faire un pléonasme ^^
Quand on écrit .router-link-active, on sait qu'on parle d'une classe.
Écrire « la classe .router-link-active » m'embête un peu, mais je vais apporter les modifications nécessaires.
There was a problem hiding this comment.
Compris pour le pléonasme. Pour essayer d'effacer ta gène, essaye de voir si elle y est toujours là dedans :
Utiliser la balise
<a>pour faire des liens. Avec la classe.btncelui-ci ressemblera a un bouton mais attentions à l'attributtarget="_blank"qui ouvrira le lien dans un nouvel onglet !
ou
Utiliser la balise a pour faire des liens. Avec la classe btn celui-ci ressemblera a un bouton mais attentions à l'attribut target en mode blank qui ouvrira le lien dans un nouvel onglet !
En fait le point ici c'est que si tu mets les tick tu es censé y écrire un pend de code. Et comme router-link-active n'est pas un pend de code « compréhensible » il est mieux avec un point (ou alors comme ça class="router-link-active" mais la on s'éloigne vraiment de l'original et ta gène ressenti du point de vu pléonasme est à la fête !
|
|
||
| Notice that a `<router-link>` automatically gets the `.router-link-active` class when its target route is matched. You can learn more about it in its [API reference](../api/router-link.md). | ||
| 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). |
|
Je refais une lecture |
No description provided.