Skip to content

Commit 4dbed67

Browse files
committed
Correction après relecture de Haeresis
1 parent 4a6b04e commit 4dbed67

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/v2/guide/conditional.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ order: 7
66

77
## `v-if`
88

9-
Dans les templates de chaines, par exemple Handlebars, nous pouvons écrire un bloc conditionnel comme ceci :
9+
Dans les templates de chaines, par exemple Handlebars, nous pouvons écrire une structure conditionnelle comme ceci :
1010

1111
``` html
1212
<!-- Template de Handlebars -->
@@ -21,14 +21,14 @@ Dans Vue, nous utilisons la directive `v-if` pour obtenir la même chose :
2121
<h1 v-if="ok">Oui</h1>
2222
```
2323

24-
Il est également possible d’ajouter un bloc « sinon » avec `v-else` :
24+
Il est également possible d’ajouter une structure « sinon » avec `v-else` :
2525

2626
``` html
2727
<h1 v-if="ok">Oui</h1>
2828
<h1 v-else>Non</h1>
2929
```
3030

31-
### Groupes conditionnels avec `v-if` sur `<template>`
31+
### Groupes conditionnels avec `v-if` dans un `<template>`
3232

3333
Comme `v-if` est une directive, elle doit être attachée à un seul élément. Mais comment faire si nous voulons permuter plusieurs éléments ? Dans ce cas, nous pouvons utiliser `v-if` sur un élément `<template>`, qui sert d'enveloppe invisible. Le résultat final rendu n’inclura pas l’élément `<template>`.
3434

@@ -42,7 +42,7 @@ Comme `v-if` est une directive, elle doit être attachée à un seul élément.
4242

4343
### `v-else`
4444

45-
Vous pouvez utiliser la directive `v-else` pour indiquer un « bloc sinon » pour `v-if` :
45+
Vous pouvez utiliser la directive `v-else` pour indiquer une « structure sinon » pour `v-if` :
4646

4747
``` html
4848
<div v-if="Math.random() > 0.5">
@@ -57,9 +57,9 @@ Un élément `v-else` doit immédiatement suivre un élément `v-if` ou un élé
5757

5858
### `v-else-if`
5959

60-
> Nouveau dans 2.1.0
60+
> Nouveau dans la 2.1.0
6161
62-
Le `v-else-if`, comme le nom le suggère, sert comme un « bloc sinon si » pour `v-if`. Il peut également être enchaîné plusieurs fois :
62+
Le `v-else-if`, comme le nom le suggère, sert comme une « structure sinon si » pour `v-if`. Il peut également être enchaîné plusieurs fois :
6363

6464
```html
6565
<div v-if="type === 'A'">
@@ -180,15 +180,15 @@ Une autre option pour afficher conditionnellement un élément est la directive
180180
<h1 v-show="ok">Bonjour !</h1>
181181
```
182182

183-
La différence est qu'un élément avec `v-show` sera toujours restitué et restera dans le DOM; `v-show` permute simplement la propriété CSS `display` de l'élément.
183+
La différence est qu'un élément avec `v-show` sera toujours restitué et restera dans le DOM ; `v-show` permute simplement la propriété CSS `display` de l'élément.
184184

185185
<p class="tip">Notez que `v-show` ne prend pas en charge la syntaxe de `<template>` et ne fonctionne pas avec `v-else`.</p>
186186

187187
## `v-if` vs `v-show`
188188

189-
`v-if` est un « vrai » rendu conditionnel car il garantit que les écouteurs d'événements et les composants enfants à l'intérieur du bloc conditionnel soient correctement détruits et recréés lors des permutations.
189+
`v-if` est un « vrai » rendu conditionnel car il garantit que les écouteurs d'événements et les composants enfants à l'intérieur de la structure conditionnelle soient correctement détruits et recréés lors des permutations.
190190

191-
`v-if` est également **paresseux** : si la condition est fausse sur le rendu initial, il ne fera rien (le bloc conditionnel sera rendu quand la condition sera vraie pour la première fois).
191+
`v-if` est également **paresseux** : si la condition est fausse sur le rendu initial, il ne fera rien (la structure conditionnelle sera rendue quand la condition sera vraie pour la première fois).
192192

193193
En comparaison, `v-show` est beaucoup plus simple (l’élément est toujours rendu indépendamment de la condition initiale, avec juste une simple permutation basée sur du CSS).
194194

0 commit comments

Comments
 (0)