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/api/index.md
+22-22Lines changed: 22 additions & 22 deletions
Original file line number
Diff line number
Diff line change
@@ -1220,7 +1220,7 @@ if (version === 2) {
1220
1220
1221
1221
- **Détails :**
1222
1222
1223
-
Utilisé pour accéder programmatiquement à du contenu [distribué par slots](../guide/components.html#Content-Distribution-with-Slots). Chaque [slot nommé](../guide/components.html#Named-Slots) a sa propriété correspondante (p. ex. le contenu de `slot="foo"` sera trouvé dans `vm.$slots.foo`). La propriété `default` contient tous les noeuds non inclus dans un slot nommé.
1223
+
Utilisé pour accéder programmatiquement à du contenu [distribué par slots](../guide/components.html#Content-Distribution-with-Slots). Chaque [slot nommé](../guide/components.html#Named-Slots) a sa propriété correspondante (p. ex. le contenu de `slot="foo"` sera trouvé dans `vm.$slots.foo`). La propriété `default` contient tous les nœuds non inclus dans un slot nommé.
1224
1224
1225
1225
Accéder à `vm.$slots` est plus utile lorsque vous écrivez un composant avec une [fonction `render`](../guide/render-function.html).
1226
1226
@@ -1640,11 +1640,11 @@ if (version === 2) {
1640
1640
1641
1641
- **N'attend aucune valeur**
1642
1642
1643
-
- **Restriction :** l'élément précédent doit avoir une directive `v-if`or`v-else-if`.
1643
+
- **Restriction :** l'élément précédent doit avoir une directive `v-if`ou`v-else-if`.
1644
1644
1645
1645
- **Utilisation :**
1646
1646
1647
-
Dénote un bloc "else" pour `v-if` ou pour une chaîne `v-if`/`v-else-if`.
1647
+
Dénote un bloc « else » pour `v-if` ou pour une chaîne `v-if`/`v-else-if`.
1648
1648
1649
1649
```html
1650
1650
<div v-if="Math.random() > 0.5">
@@ -1660,15 +1660,15 @@ if (version === 2) {
1660
1660
1661
1661
### v-else-if
1662
1662
1663
-
> Nouveauté de la 2.1.0
1663
+
> Nouveauté en 2.1.0+
1664
1664
1665
1665
- **Attend comme valeur :** `any`
1666
1666
1667
1667
- **Restriction :** l'élément précédent doit avoir une directive `v-if` or `v-else-if`.
1668
1668
1669
1669
- **Utilisation :**
1670
1670
1671
-
Dénote un bloc "else if" pour `v-if`. Peut être enchaîné plusieurs fois.
1671
+
Dénote un bloc « else if » pour `v-if`. Peut être enchaîné plusieurs fois.
1672
1672
1673
1673
```html
1674
1674
<div v-if="type === 'A'">
@@ -1731,7 +1731,7 @@ if (version === 2) {
1731
1731
1732
1732
- **Attend comme valeur :** `Function| Inline Statement |Object`
1733
1733
1734
-
- **Argument de la fonction callback :** `event`
1734
+
- **Argument de la fonction de rappel (callback) :** `event`
1735
1735
1736
1736
- **Modificateurs :**
1737
1737
- `.stop` - appelle `event.stopPropagation()`.
@@ -1750,7 +1750,7 @@ if (version === 2) {
1750
1750
1751
1751
Attache un écouteur d'événement à l'élément. Le type d'événement écouté est indiqué comme argument. L'expression peut être soit un nom de méthode, soit une ligne d'instruction, ou simplement omise si des modificateurs sont présents.
1752
1752
1753
-
À partie de la 2.4.0, `v-on` supporte aussi la liaison à un objet de paires événement/écouteur sans argument. Notez que lorsque vous utilisez la syntaxe objet, elle ne supporte aucun modificateur.
1753
+
À partir de la 2.4.0+, `v-on` supporte aussi la liaison à un objet de paires événement/écouteur sans argument. Notez que lorsque vous utilisez la syntaxe objet, elle ne supporte aucun modificateur.
1754
1754
1755
1755
Quand utilisé sur un élément HTML standard, il écoute uniquement les **événements natifs du DOM**. Quand utilisé sur un élement personnalisé de composant, il écoute également les **événements personnalisés** émis depuis ce composant enfant.
1756
1756
@@ -1793,7 +1793,7 @@ if (version === 2) {
1793
1793
<button v-on:click.once="faireCeci"></button>
1794
1794
```
1795
1795
1796
-
Écouter des événements personnalisés sur un composant enfant (le gestionnaire est appelé quand "mon-evenement" est émis depuis l'enfant):
1796
+
Écouter des événements personnalisés sur un composant enfant (le gestionnaire est appelé quand `mon-evenement` est émis depuis l'enfant):
-**Attend comme valeur :**`any (avec argument) | Object (sans argument)`
1817
1817
1818
-
-**Argument:**`attrOuProp (optionnel)`
1818
+
-**Argument:**`attrOuProp (optionnel)`
1819
1819
1820
1820
-**Modificateurs :**
1821
1821
-`.prop`- Associe une propriété du DOM plutôt qu'un attribut. ([quelle difference?](http://stackoverflow.com/questions/6003819/properties-and-attributes-in-html#answer-6004028)). Si le tag est un composant, alors `prop` assignera la propriété sur l'élément `$el` du composant.
@@ -1841,7 +1841,7 @@ if (version === 2) {
1841
1841
<!-- notation abrégée -->
1842
1842
<img :src="imageSrc">
1843
1843
1844
-
<!-- avec de la concaténation de string -->
1844
+
<!-- avec de la concaténation de chaînes de caractères -->
1845
1845
<img :src="'/path/to/images/' + fileName">
1846
1846
1847
1847
<!-- liaison de classes -->
@@ -1884,7 +1884,7 @@ if (version === 2) {
1884
1884
1885
1885
### v-model
1886
1886
1887
-
- **Attend comme valeur :** variable selon les éléments input de formulaire ou les valeurs en sortie de composants
1887
+
- **Attend comme valeur :** variable selon les éléments des champs de formulaire ou les valeurs en sortie de composants
1888
1888
1889
1889
- **Limité à :**
1890
1890
- `<input>`
@@ -1911,7 +1911,7 @@ if (version === 2) {
1911
1911
1912
1912
-**Utilisation :**
1913
1913
1914
-
Omet la compilation pour cet élément et tous ses enfants. Vous pouvez utiliser ceci pour afficher à l'utilisateur des expressions `{{ moustache }}`. Utilisé sur un grand nombre de noeuds sans directives, cela peut aussi accélerer la compilation.
1914
+
Omet la compilation pour cet élément et tous ses enfants. Vous pouvez utiliser ceci pour afficher à l'utilisateur des expressions `{{ moustache }}`. Utilisé sur un grand nombre de nœuds sans directives, cela peut aussi accélerer la compilation.
1915
1915
1916
1916
- **Exemple :**
1917
1917
@@ -1925,7 +1925,7 @@ if (version === 2) {
1925
1925
1926
1926
-**Utilisation :**
1927
1927
1928
-
Cette directive restera sur l'élément jusqu'à ce que l'instance de Vue associée ait fini sa compilation. Combiné avec des règles CSS telles que `[v-cloak] { display: none }`, cette directive peut être utilisée pour cacher des liaisons moustache encore non compilées jusqu'à ce que l'instance de Vue soit prête.
1928
+
Cette directive restera sur l'élément jusqu'à ce que l'instance de Vue associée ait fini sa compilation. Combiné avec des règles CSS telles que `[v-cloak] { display: none }`, cette directive peut être utilisée pour cacher des liaisons moustaches encore non compilées jusqu'à ce que l'instance de Vue soit prête.
1929
1929
1930
1930
- **Exemple :**
1931
1931
@@ -1952,7 +1952,7 @@ if (version === 2) {
1952
1952
Fait le rendu de l'élément ou du composant qu'**une seule fois**seulement. Lors des nouveaux rendus par la suite, l'élément/composant et tous ses enfants seront traités comme du contenu statique et ignorés. Cela peut être utilisé pour optimiser les performances à la mise à jour d'un composant.
1953
1953
1954
1954
```html
1955
-
<!-- sur un seul element -->
1955
+
<!-- sur un seul élément -->
1956
1956
<span v-once>Ceci ne changera jamais : {{msg}}</span>
1957
1957
<!-- l'élément a des enfants -->
1958
1958
<div v-once>
@@ -1994,7 +1994,7 @@ if (version === 2) {
1994
1994
-Déclencher correctement les hooks de cycle de vie d'un composant
1995
1995
- Déclencher des transitions
1996
1996
1997
-
Par exemple:
1997
+
Par exemple:
1998
1998
1999
1999
``` html
2000
2000
<transition>
@@ -2018,7 +2018,7 @@ if (version === 2) {
2018
2018
<comp-enfant ref="enfant"></comp-enfant>
2019
2019
```
2020
2020
2021
-
Quand utilisé sur des éléments/composants avec `v-for`, la référence inscrite sera une Array contenant les noeuds du DOM ou les instances de composant.
2021
+
Quand utilisé sur des éléments/composants avec `v-for`, la référence inscrite sera un `Array` contenant les nœuds du DOM ou les instances de composant.
2022
2022
2023
2023
Une note importante à propos du timing de l'inscription de la référence: étant donné que les refs elles-même résultent de la fonction de rendu, vous ne pouvez pas y accéder au rendu initial - elles n'existent pas encore ! `$refs` est également non réactif, c'est pourquoi vous ne devriez pas essayer de les utiliser dans des templates pour de la liaison de données.
2024
2024
@@ -2040,7 +2040,7 @@ if (version === 2) {
2040
2040
2041
2041
Utilisé pour les [composants dynamiques](../guide/components.html#Dynamic-Components) et pour contourner les [limitations des templates dans le DOM](../guide/components.html#DOM-Template-Parsing-Caveats).
2042
2042
2043
-
Par exemple:
2043
+
Par exemple:
2044
2044
2045
2045
``` html
2046
2046
<!-- le composant change quand la vue actuelle change -->
@@ -2069,7 +2069,7 @@ if (version === 2) {
2069
2069
2070
2070
- **Utilisation :**
2071
2071
2072
-
Un "méta-composant" pour le rendu de composants dynamiques. Le composant réel obtenu est déterminé par la prop `is` :
2072
+
Un « méta-composant » pour le rendu de composants dynamiques. Le composant réel obtenu est déterminé par la prop `is` :
2073
2073
2074
2074
```html
2075
2075
<!-- un composant dynamique contrôlé par -->
@@ -2149,7 +2149,7 @@ if (version === 2) {
2149
2149
}).$mount('#transition-demo')
2150
2150
```
2151
2151
2152
-
- **Voir aussi :** [Transitions: entrantes, sortantes et de listes](../guide/transitions.html)
2152
+
- **Voir aussi :** [Transitions: entrantes, sortantes et de listes](../guide/transitions.html)
2153
2153
2154
2154
### transition-group
2155
2155
@@ -2177,7 +2177,7 @@ if (version === 2) {
2177
2177
</transition-group>
2178
2178
```
2179
2179
2180
-
- **Voir aussi :** [Transitions: entrantes, sortantes et de listes](../guide/transitions.html)
2180
+
- **Voir aussi :** [Transition : entrantes, sortantes et de listes](../guide/transitions.html)
2181
2181
2182
2182
### keep-alive
2183
2183
@@ -2187,11 +2187,11 @@ if (version === 2) {
2187
2187
2188
2188
- **Utilisation :**
2189
2189
2190
-
Quand il entoure un composant dynamique, `<keep-alive>` met en cache les instances de composant inactives sans les détruire. Tout comme `<transition>`, `<keep-alive>` est un composant abstrait: le rendu ne donne pas d'élément supplémentaire dans le DOM, et il n'apparaît pas dans la chaîne de composants du parent.
2190
+
Quand il entoure un composant dynamique, `<keep-alive>` met en cache les instances de composant inactives sans les détruire. Tout comme `<transition>`, `<keep-alive>` est un composant abstrait: le rendu ne donne pas d'élément supplémentaire dans le DOM, et il n'apparaît pas dans la chaîne de composants du parent.
2191
2191
2192
2192
Lorsqu'un composant est permuté à l'intérieur de `<keep-alive>`, ses hooks de cycle de vie `activated` et `deactivated` seront appelés en conséquence.
2193
2193
2194
-
> À partir de la 2.2.0, `activated` et `deactivated` se déclencheront pour tous les composants imbriqués dans une arborescence `<keep-alive>`.
2194
+
> À partir de la 2.2.0+, `activated` et `deactivated` se déclencheront pour tous les composants imbriqués dans une arborescence `<keep-alive>`.
2195
2195
2196
2196
Principalement utilisé pour préserver l'état du composant ou éviter un nouveau rendu.
0 commit comments