Skip to content

Commit 2ad6ba4

Browse files
committed
Corrections Review class-and-style.md
1 parent d1f172a commit 2ad6ba4

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/v2/guide/class-and-style.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
---
2-
title: Liaisons de Class et Style
2+
title: Liaisons de classes et de Styles
33
type: guide
44
order: 6
55
---
66

7-
Un besoin classique de la liaison de données est la manipulation de la liste des classes d'un élément, ainsi que ses styles en ligne. Puisque ce sont tous deux des attributs, il est possible d'utiliser `v-bind` pour les gérer : Il faut simplement générer une chaîne de caractère avec nos expressions. Cependant, jouer avec des concaténations de chaîne de caractères est fastidieux, et source d'erreur. Pour cette raison, Vue fournit des améliorations spéciales quand `v-bind` est utilisé avec `class` et `style`. En plus des chaînes de caractères, l'expression peut évaluer des objets ou des tableaux.
7+
Un besoin classique de la liaison de données est la manipulation de la liste des classes d'un élément, ainsi que ses styles en ligne. Puisque ce sont tous deux des attributs, il est possible d'utiliser `v-bind` pour les gérer : Il faut simplement générer une chaîne de caractère avec nos expressions. Cependant la concaténations de chaîne de caractères est fastidieuse, et source d'erreur. Pour cette raison, Vue fournit des améliorations spécifiques quand `v-bind` est utilisé avec `class` et `style`. En plus des chaînes de caractères, l'expression peut évaluer des objets ou des tableaux.
88

99
## Liaison de Classes HTML
1010

1111
### Syntaxe Objet
1212

13-
Il est possible de donner un objet à `v-bind:class` pour permuter les classes automatiquement :
13+
Il est possible de passer un objet à `v-bind:class` pour permuter les classes automatiquement :
1414

1515
``` html
1616
<div v-bind:class="{ active: isActive }"></div>
@@ -57,7 +57,7 @@ data: {
5757
}
5858
```
5959

60-
Ceci rendra le même résultat. Il est également possible de lier une [propriétés calculées](computed.html) qui retourne un objet. C'est une méthode commune et puissante :
60+
Ceci rendra le même résultat. Il est également possible de lier une [propriétés calculées](computed.html) qui retourne un objet. C'est une méthode courante et puissante :
6161

6262
``` html
6363
<div v-bind:class="classObject"></div>
@@ -79,7 +79,7 @@ computed: {
7979

8080
### Syntaxe Tableau
8181

82-
Il est possible de donner un tableau à `v-bind:class` pour appliquer une liste de classe :
82+
Il est possible de passer un tableau à `v-bind:class` pour appliquer une liste de classe :
8383

8484
``` html
8585
<div v-bind:class="[activeClass, errorClass]">

0 commit comments

Comments
 (0)