Skip to content

Commit b693198

Browse files
Merge pull request #6 from vuejs-fr/getting-started
Traduction de `getting-strated.md`
2 parents 065b339 + 36f8d63 commit b693198

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

Diff for: docs/en/getting-started.md

+13-13
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
1-
# Getting Started
1+
# Pour commencer
22

3-
At the center of every Vuex application is the **store**. A "store" is basically a container that holds your application **state**. There are two things that make a Vuex store different from a plain global object:
3+
Au cœur de chaque application Vuex, il y a la **zone de stockage (« store »)**. Un « store » est tout simplement un conteneur avec l'**état** de votre application. Il y a deux choses qui différencient un store Vuex d'un simple objet global :
44

5-
1. Vuex stores are reactive. When Vue components retrieve state from it, they will reactively and efficiently update if the store's state changes.
5+
1. Les stores Vuex sont réactifs. Quand les composants Vue y récupèrent l'état, ils se mettront à jour de façon réactive et efficace si l'état du store a changé.
66

7-
2. You cannot directly mutate the store's state. The only way to change a store's state is by explicitly **committing mutations**. This ensures every state change leaves a track-able record, and enables tooling that helps us better understand our applications.
7+
2. Vous ne pouvez pas muter directement l'état du store. La seule façon de modifier l'état d'un store est d'**acter** explicitement des **mutations**. Cela assure que chaque état laisse un enregistrement traçable, et permet à des outils de nous aider à mieux appréhender nos applications.
88

9-
### The Simplest Store
9+
### Le store le plus simple
1010

11-
> **NOTE:** We will be using ES2015 syntax for code examples for the rest of the docs. If you haven't picked it up, [you should](https://babeljs.io/docs/learn-es2015/)!
11+
> **NOTE:** Nous allons utiliser la syntaxe ES2015 dans les exemples de code pour le reste de la documentation. Si vous ne vous êtes pas encore penché dessus, [vous devriez](https://babeljs.io/docs/learn-es2015/) !
1212
13-
After [installing](installation.md) Vuex, let's create a store. It is pretty straightforward - just provide an initial state object, and some mutations:
13+
Après [avoir installé](installation.md) Vuex, nous allons créer un store. C'est assez simple ; définissez juste un objet d'état initial et quelques mutations :
1414

1515
``` js
16-
// Make sure to call Vue.use(Vuex) first if using a module system
16+
// Assurez vous d'appeler `Vuex.use(Vuex)` en premier lieu si vous utilisez un système de module
1717

1818
const store = new Vuex.Store({
1919
state: {
@@ -27,18 +27,18 @@ const store = new Vuex.Store({
2727
})
2828
```
2929

30-
Now, you can access the state object as `store.state`, and trigger a state change with the `store.commit` method:
30+
Maintenant, vous pouvez accéder à l'objet d'état avec `store.state`, et déclencher un changement d'état avec la méthode `store.commit` :
3131

3232
``` js
3333
store.commit('increment')
3434

3535
console.log(store.state.count) // -> 1
3636
```
3737

38-
Again, the reason we are committing a mutation instead of changing `store.state.count` directly, is because we want to explicitly track it. This simple convention makes your intention more explicit, so that you can reason about state changes in your app better when reading the code. In addition, this gives us the opportunity to implement tools that can log every mutation, take state snapshots, or even perform time travel debugging.
38+
Encore une fois, la raison pour laquelle nous actons une mutation au lieu de modifier `store.state.count` directement, c'est parce que nous voulons le tracer explicitement. Cette simple convention rend votre intention plus explicite, ainsi vous pouvez raisonner plus facilement les les changements d'état en lisant votre code. De plus, cela nous donne l'opportunité d'implémenter des outils qui peuvent enregistrer chaque mutation, prendre des instantanés de l'état, ou même procéder à de la visualisation d'état dans le temps.
3939

40-
Using store state in a component simply involves returning the state within a computed property, because the store state is reactive. Triggering changes simply means committing mutations in component methods.
40+
Utiliser l'état du store dans un composant implique simplement de retourner l'état dans une *propriété calculée*, car l'état du store est réactif. Déclencher des changements signifie simplement d'acter des mutations dans les méthodes du composant.
4141

42-
Here's an example of the [most basic Vuex counter app](https://jsfiddle.net/n9jmu5v7/341/).
42+
Voici un exemple de l'[application de comptage Vuex la plus basique](https://jsfiddle.net/n9jmu5v7/341/).
4343

44-
Next, we will discuss each core concept in much finer details, starting with [State](state.md).
44+
Ensuite, nous allons examiner chaque concept de base plus en détails, et commençons avec l'[État](state.md).

0 commit comments

Comments
 (0)