You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/v2/guide/comparison.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -62,7 +62,7 @@ Dans Vue, nous avons également des [fonctions de rendu](render-function.html) e
62
62
63
63
- Vous pouvez même utiliser des pré-processeurs comme Pug (anciennement connu en tant que Jade) pour créer vos templates de Vue.
64
64
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.
66
66
67
67
À 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.
// ceci permet d'utiliser la prop `value` pour un usage différent
700
701
value:String
701
702
},
@@ -717,6 +718,8 @@ La partie ci-dessus sera équivalente à :
717
718
</my-checkbox>
718
719
```
719
720
721
+
<pclass="tip">Notez que vous devez encore déclarer la prop `checked` explicitement.</p>
722
+
720
723
### Communication non parent-enfant
721
724
722
725
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
1128
1131
1129
1132
### Conventions de nommage d'un composant
1130
1133
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.
1132
1135
1133
1136
```js
1134
1137
// dans une définition de composant
@@ -1137,8 +1140,8 @@ components: {
1137
1140
'kebab-cased-component': { /* ... */ },
1138
1141
// inscription utilisant la camelCase
1139
1142
'camelCasedComponent': { /* ... */ },
1140
-
// inscription utilisant la TitleCase
1141
-
'TitleCasedComponent': { /* ... */ }
1143
+
// inscription utilisant la PascalCase
1144
+
'PascalCasedComponent': { /* ... */ }
1142
1145
}
1143
1146
```
1144
1147
@@ -1155,13 +1158,13 @@ Quand vous utilisez des template basés sur les _chaînes de caractères_ cepend
1155
1158
1156
1159
- la kebab-case
1157
1160
- 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
1159
1162
1160
1163
```js
1161
1164
components: {
1162
1165
'kebab-cased-component': { /* ... */ },
1163
1166
camelCasedComponent: { /* ... */ },
1164
-
TitleCasedComponent: { /* ... */ }
1167
+
PascalCasedComponent: { /* ... */ }
1165
1168
}
1166
1169
```
1167
1170
@@ -1171,12 +1174,12 @@ components: {
1171
1174
<camel-cased-component></camel-cased-component>
1172
1175
<camelCasedComponent></camelCasedComponent>
1173
1176
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>
1177
1180
```
1178
1181
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.
1180
1183
1181
1184
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 :
Copy file name to clipboardExpand all lines: src/v2/guide/conditional.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -196,4 +196,4 @@ D'une manière générale, `v-if` a des coûts à la permutations plus élevés
196
196
197
197
## `v-if` avec `v-for`
198
198
199
-
Lorsqu’il est conjointement utilisé avec `v-for`, `v-for` a une priorité plus élevée que `v-if`. Consultez le <ahref="../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 <ahref="../guide/list.html#v-for-avec-v-if">guide du rendu de liste</a> pour plus de détails.
Copy file name to clipboardExpand all lines: src/v2/guide/events.md
+2
Original file line number
Diff line number
Diff line change
@@ -194,6 +194,8 @@ Pour résoudre ce problème, Vue propose des modificateurs d'évènements pour `
194
194
<divv-on:click.self="doThat">...</div>
195
195
```
196
196
197
+
<pclass="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>
Copy file name to clipboardExpand all lines: src/v2/guide/index.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -14,7 +14,7 @@ Si vous êtes un développeur *frontend* confirmé et que vous souhaitez compare
14
14
15
15
<pclass="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>
16
16
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 <ahref="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 :
0 commit comments