Skip to content

Commit 4bc574c

Browse files
committed
Merge remote-tracking branch 'upstream/master'
# Conflicts: # src/v2/api/index.md # src/v2/guide/comparison.md # src/v2/guide/components.md # src/v2/guide/conditional.md # src/v2/guide/events.md # src/v2/guide/index.md Signed-off-by: Bruno Lesieur <[email protected]>
2 parents 6412e84 + 02ada02 commit 4bc574c

File tree

5 files changed

+17
-12
lines changed

5 files changed

+17
-12
lines changed

src/v2/guide/comparison.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ Dans Vue, nous avons également des [fonctions de rendu](render-function.html) e
6262

6363
- Vous pouvez même utiliser des pré-processeurs comme Pug (anciennement connu en tant que Jade) pour créer vos templates de Vue.
6464

65-
Beaucoup de personnes argumentent sur le fait que vous devez apprendre un langage spécifique pour écrire vos templates, nous pensons que cette différence est superficielle. Premièrement, JSX ne signifie pas que les utilisateurs ne doivent rien apprendre en plus. Cette syntaxe additionnelle au dessus du JavaScript à beau être simple à apprendre pour quiconque connait le JavaScript, il n'est pas vrai de dire qu'elle ne nécessite pas un apprentissage supplémentaire. De la même manière, les templates sont juste une syntaxe additionnelle au dessus du HTML et qui ont un coût d'apprentissage assez bas pour ceux connaissant déjà le HTML. Avec cet autre langage spécifique, nous sommes aussi capable d'aider les utilisateurs à faire plus de choses avec moins de code (par ex. les modificateurs `v-on`). La même tache demanderait bien plus de code en utilisant une syntaxe JSX ou des fonctions de rendu.
65+
Beaucoup de personnes argumentent sur le fait que vous devez apprendre un langage spécifique pour écrire vos templates, nous pensons que cette différence est superficielle. Premièrement, JSX ne signifie pas que les utilisateurs ne doivent rien apprendre en plus. Cette syntaxe additionnelle au dessus du JavaScript à beau être simple à apprendre pour quiconque connaît le JavaScript, il n'est pas vrai de dire qu'elle ne nécessite pas un apprentissage supplémentaire. De la même manière, les templates sont juste une syntaxe additionnelle au dessus du HTML et qui ont un coût d'apprentissage assez bas pour ceux connaissant déjà le HTML. Avec cet autre langage spécifique, nous sommes aussi capable d'aider les utilisateurs à faire plus de choses avec moins de code (par ex. les modificateurs `v-on`). La même tache demanderait bien plus de code en utilisant une syntaxe JSX ou des fonctions de rendu.
6666

6767
À un haut niveau, nous pouvons diviser les composants en deux catégories : ceux de présentation et ceux de logique. Nous recommandons d'utiliser les templates pour les composants de présentation et les fonctions de rendu (ou JSX) pour les composants de logique. Le pourcentage de chaque type dépend du type d'application que vous construisez, bien qu'en général nous trouvions plus de composants de présentation.
6868

src/v2/guide/components.md

+12-9
Original file line numberDiff line numberDiff line change
@@ -696,6 +696,7 @@ Vue.component('my-checkbox', {
696696
event: 'change'
697697
},
698698
props: {
699+
checked: Boolean,
699700
// ceci permet d'utiliser la prop `value` pour un usage différent
700701
value: String
701702
},
@@ -717,6 +718,8 @@ La partie ci-dessus sera équivalente à :
717718
</my-checkbox>
718719
```
719720

721+
<p class="tip">Notez que vous devez encore déclarer la prop `checked` explicitement.</p>
722+
720723
### Communication non parent-enfant
721724

722725
Parfois deux composants peuvent avoir besoin de communiquer entre eux mais ne sont pas parent et enfant l'un de l'autre. Dans les scénarios simples, vous pouvez utiliser une instance de Vue vide comme canal d'événements central.
@@ -1128,7 +1131,7 @@ Notez qu'en utilisant cela en tant que composant de `vue-router`, ces propriét
11281131

11291132
### Conventions de nommage d'un composant
11301133

1131-
Quand vous inscrivez un composant (ou des props), vous pouvez utiliser la kebab-case, la camelCase ou la TitleCase.
1134+
Quand vous inscrivez un composant (ou des props), vous pouvez utiliser la kebab-case, la camelCase ou la PascalCase.
11321135

11331136
``` js
11341137
// dans une définition de composant
@@ -1137,8 +1140,8 @@ components: {
11371140
'kebab-cased-component': { /* ... */ },
11381141
// inscription utilisant la camelCase
11391142
'camelCasedComponent': { /* ... */ },
1140-
// inscription utilisant la TitleCase
1141-
'TitleCasedComponent': { /* ... */ }
1143+
// inscription utilisant la PascalCase
1144+
'PascalCasedComponent': { /* ... */ }
11421145
}
11431146
```
11441147

@@ -1155,13 +1158,13 @@ Quand vous utilisez des template basés sur les _chaînes de caractères_ cepend
11551158

11561159
- la kebab-case
11571160
- la camelCase ou la kebab-case si le composant a été défini avec la camelCase
1158-
- la kebab-case, la camelCase ou la TitleCase si le composant a été défini avec la TitleCase
1161+
- la kebab-case, la camelCase ou la PascalCase si le composant a été défini avec la PascalCase
11591162

11601163
``` js
11611164
components: {
11621165
'kebab-cased-component': { /* ... */ },
11631166
camelCasedComponent: { /* ... */ },
1164-
TitleCasedComponent: { /* ... */ }
1167+
PascalCasedComponent: { /* ... */ }
11651168
}
11661169
```
11671170

@@ -1171,12 +1174,12 @@ components: {
11711174
<camel-cased-component></camel-cased-component>
11721175
<camelCasedComponent></camelCasedComponent>
11731176

1174-
<title-cased-component></title-cased-component>
1175-
<titleCasedComponent></titleCasedComponent>
1176-
<TitleCasedComponent></TitleCasedComponent>
1177+
<pascal-cased-component></pascal-cased-component>
1178+
<pascalCasedComponent></pascalCasedComponent>
1179+
<PascalCasedComponent></PascalCasedComponent>
11771180
```
11781181

1179-
Cela signifie que la TitleCase est la _convention de déclaration_ la plus universelle et que la kebab-case est la _convention d'utilisation_ la plus universelle.
1182+
Cela signifie que la PascalCase est la _convention de déclaration_ la plus universelle et que la kebab-case est la _convention d'utilisation_ la plus universelle.
11801183

11811184
Si votre composant ne passe pas de contenu via des éléments `slot` vous pouvez même utiliser la syntaxe d'auto-fermeture `/` après le nom :
11821185

src/v2/guide/conditional.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -196,4 +196,4 @@ D'une manière générale, `v-if` a des coûts à la permutations plus élevés
196196

197197
## `v-if` avec `v-for`
198198

199-
Lorsqu’il est conjointement utilisé avec `v-for`, `v-for` a une priorité plus élevée que `v-if`. Consultez le <a href="../guide/list.html#V-for-and-v-if">guide du rendu de liste</a> pour plus de détails.
199+
Lorsqu’il est conjointement utilisé avec `v-for`, `v-for` a une priorité plus élevée que `v-if`. Consultez le <a href="../guide/list.html#v-for-avec-v-if">guide du rendu de liste</a> pour plus de détails.

src/v2/guide/events.md

+2
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,8 @@ Pour résoudre ce problème, Vue propose des modificateurs d'évènements pour `
194194
<div v-on:click.self="doThat">...</div>
195195
```
196196

197+
<p class="tip">L'ordre a de l'importance quand vous utilisez des modificateurs car le code est généré dans le même ordre. Aussi utiliser `@click.prevent.self` va empécher **tous les clicks** alors que `@click.self.prevent` va uniquement empécher le click sur l'élément lui-même.</p>
198+
197199
> Nouveau dans la 2.1.4
198200
199201
``` html

src/v2/guide/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ Si vous êtes un développeur *frontend* confirmé et que vous souhaitez compare
1414

1515
<p class="tip">Ce guide officiel présuppose que vous ayez un niveau intermédiaire de connaissance en HTML, CSS et JavaScript. Si vous êtes complètement nouveau dans le développement *frontend*, ce n'est peut-être pas la solution la plus judicieuse de vous lancer dans un framework pour vos premiers pas — aussi complétez vos bases avant de revenir ! Bien qu'une première expérience avec d'autres frameworks puisse être utile, cela n'est pas obligatoire.</p>
1616

17-
La manière la plus simple d'essayer Vue.js est d'utiliser [l'exemple Hello World sur JSFiddle](https://jsfiddle.net/chrisvfritz/50wL7mdz/). Si vous le souhaitez, ouvrez-le dans un nouvel onglet afin de suivre pendant que nous parcourons des exemples de base. Vous pouvez aussi simplement créer un fichier `.html` et ajouter Vue avec :
17+
La manière la plus simple d'essayer Vue.js est d'utiliser [l'exemple Hello World sur JSFiddle](https://jsfiddle.net/chrisvfritz/50wL7mdz/). Si vous le souhaitez, ouvrez-le dans un nouvel onglet afin de suivre pendant que nous parcourons des exemples de base. Vous pouvez aussi simplement <a href="https://gist.githubusercontent.com/chrisvfritz/7f8d7d63000b48493c336e48b3db3e52/raw/ed60c4e5d5c6fec48b0921edaed0cb60be30e87c/index.html" target="_blank" download="index.html">créer un fichier <code>index.html</code></a> et ajouter Vue avec :
1818

1919
``` html
2020
<script src="https://unpkg.com/vue"></script>

0 commit comments

Comments
 (0)