Skip to content

Commit 412bac9

Browse files
committed
[v2/guide/instance.md] #pullrequestreview-15796924
1 parent 59a49b3 commit 412bac9

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/v2/guide/instance.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@ var vm = new Vue({
1414
})
1515
```
1616

17-
Bien que n'étant pas strictement associée au patron d'architecture [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), La conception de Vue s'en est en partie inspirée. Par convetion, nous utilisons souvent la variable `vm` (abréviation pour ViewModel) pour faire référence à nos instances de Vue.
17+
Bien que n'étant pas strictement associée au patron d'architecture [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), la conception de Vue s'en est en partie inspirée. Par convention, nous utilisons souvent la variable `vm` (abréviation pour ViewModel) pour faire référence à nos instances de Vue.
1818

19-
Quand vous créez une instance de Vue, vous devez passer un **objet d'options** qui contient les options pour les data, le template, l'element de montage, les methodes, les fonctions de retour du cycle de vie etc... La liste des options peut être trouvée [dans la documentation de l'API](../api).
19+
Quand vous créez une instance de Vue, vous devez passer un **objet d'options** qui contient les options pour les données, le template, l'element de montage, les méthodes, les fonctions de retour du cycle de vie etc... La liste des options peut être trouvée [dans la documentation de l'API](../api).
2020

2121
Le constructeur de `Vue` peut être étendu pour créer des **constructeurs de composants** réutilisables avec des options prédéfinies.
2222

@@ -25,7 +25,7 @@ var MyComponent = Vue.extend({
2525
// options d'extension
2626
})
2727

28-
// toutes les isntances de `MyComponent` sont créees avec
28+
// toutes les instances de `MyComponent` sont créees avec
2929
// les options d'extension prédéfinies
3030
var myComponentInstance = new MyComponent()
3131
```
@@ -35,7 +35,7 @@ Pour le moment, vous avez juste besoin de savoir que tous les composants de Vue
3535

3636
## Propriétés et méthodes
3737

38-
Chaque instance de vue **reflète ( ou référence )** toutes les propriétés contenues dans son objet "data"
38+
Chaque instance de vue **"proxifie"** toutes les propriétés contenues dans son objet "data"
3939

4040

4141
``` js
@@ -46,7 +46,7 @@ var vm = new Vue({
4646

4747
vm.a === data.a // -> true
4848

49-
// affecter la propriété affecte également la donnée originale
49+
// assigner la propriété affecte également la donnée originale
5050
vm.a = 2
5151
data.a // -> 2
5252

@@ -55,9 +55,9 @@ data.a = 3
5555
vm.a // -> 3
5656
```
5757

58-
Soulignons que seuls ces propriétés reflétées sont réactives. Si vous attachez une nouvelle propriété à l'instance après sa création, elle ne déclenchera aucune mise à jour de la vue. Nous parlerons plus loin du système de réactivité en détail.
58+
Soulignons que seuls ces propriétés proxifiées sont réactives. Si vous attachez une nouvelle propriété à l'instance après sa création, elle ne déclenchera aucune mise à jour de la vue. Nous parlerons plus loin du système de réactivité en détail.
5959

60-
En plus des propriétés de data, les instances de Vue exposent de nombreuses méthodes et propriétés utiles. Ces propriétés et méthodes sont préfixées par `$` pour les différencier des propriétés reflétées de data. Par exemple :
60+
En plus des propriétés de data, les instances de Vue exposent de nombreuses méthodes et propriétés utiles. Ces propriétés et méthodes sont préfixées par `$` pour les différencier des propriétés proxifiées de data. Par exemple :
6161

6262
``` js
6363
var data = { a: 1 }
@@ -71,7 +71,7 @@ vm.$el === document.getElementById('example') // -> true
7171

7272
// $watch est une méthode de l'instance
7373
vm.$watch('a', function (newVal, oldVal) {
74-
// cette fonction de retour sera appellée quand `vm.a` changera
74+
// cette fonction de retour sera appelée quand `vm.a` changera
7575
})
7676
```
7777

@@ -83,7 +83,7 @@ Consultez [l'API](../api) pour une liste complète des propriétés et méthodes
8383

8484
## Les hooks de cycles de vie d'une instance
8585

86-
Chaque instance de vue traverse une série d'étapes d'initialisations au moment de sa création - par exemple, elle doit mettre en place l'observation des data, compiler le template, monter l'instance sur le DOM et mettre à jour le DOM quand les data changent. En cours de route, elle va aussi invoquer des **hooks de cycles de vie**, qui nous donnent l'opportunité d'exécuter de la logique custom. Par exemple, le hook `created` est appelé après que l'instance sera créee.
86+
Chaque instance de vue traverse une série d'étapes d'initialisation au moment de sa création - par exemple, elle doit mettre en place l'observation des données, compiler le template, monter l'instance sur le DOM et mettre à jour le DOM quand les données changent. En cours de route, elle va aussi invoquer des **hooks de cycles de vie**, qui nous donnent l'opportunité d'exécuter une logique personnalisée. Par exemple, le hook `created` est appelé une fois l'instance créee.
8787

8888
``` js
8989
var vm = new Vue({
@@ -98,7 +98,7 @@ var vm = new Vue({
9898
// -> "a is: 1"
9999
```
100100

101-
Il y aussi d'autres hook qui seront appelés à différentes étapes d'un cycle de vie d'une instance, par exemple `mounted`, `updated`et `destroyed`. Tous ces hooks de cycles de vie sont appelés avec leur `this` pointant sur l'instance de la vue qui les invoquent. Vous vous êtes peut-être demandé où se trouvait le concept de 'controleur' dans le monde de Vue et la réponse est : il n'y pas de controleurs. Votre logique custom pour un composant sera partagée entre ces différents cycles de vie.
101+
Il y aussi d'autres hooks qui seront appelés à différentes étapes du cycle de vie d'une instance, par exemple `mounted`, `updated`et `destroyed`. Tous ces hooks de cycles de vie sont appelés avec leur `this` pointant sur l'instance de la vue qui les invoque. Vous vous êtes peut-être demandé où se trouvait le concept de 'contrôleur' dans le monde de Vue et la réponse est : il n'y pas de contrôleurs. Votre logique personnalisée pour un composant sera répartie entre ces hooks de cycle de vie.
102102

103103
## Diagramme de cycles de vie
104104

0 commit comments

Comments
 (0)