@vue/language-service 2.1.10 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/data/language-blocks/cs.json +29 -930
  2. package/data/language-blocks/en.json +28 -929
  3. package/data/language-blocks/fr.json +28 -929
  4. package/data/language-blocks/it.json +28 -929
  5. package/data/language-blocks/ja.json +28 -929
  6. package/data/language-blocks/ko.json +28 -929
  7. package/data/language-blocks/pt.json +28 -929
  8. package/data/language-blocks/ru.json +28 -929
  9. package/data/language-blocks/zh-cn.json +30 -931
  10. package/data/language-blocks/zh-hk.json +28 -929
  11. package/data/locale.json +54 -0
  12. package/data/model-modifiers/cs.json +6 -165
  13. package/data/model-modifiers/en.json +6 -165
  14. package/data/model-modifiers/fr.json +6 -165
  15. package/data/model-modifiers/it.json +6 -165
  16. package/data/model-modifiers/ja.json +6 -165
  17. package/data/model-modifiers/ko.json +6 -165
  18. package/data/model-modifiers/pt.json +6 -165
  19. package/data/model-modifiers/ru.json +6 -165
  20. package/data/model-modifiers/zh-cn.json +6 -165
  21. package/data/model-modifiers/zh-hk.json +6 -165
  22. package/data/template/cs.json +59 -1429
  23. package/data/template/en.json +52 -1422
  24. package/data/template/fr.json +55 -1425
  25. package/data/template/it.json +44 -1422
  26. package/data/template/ja.json +53 -1423
  27. package/data/template/ko.json +44 -1422
  28. package/data/template/pt.json +44 -1422
  29. package/data/template/ru.json +52 -1422
  30. package/data/template/zh-cn.json +53 -1423
  31. package/data/template/zh-hk.json +44 -1422
  32. package/index.d.ts +2 -2
  33. package/index.js +2 -2
  34. package/lib/ideFeatures/nameCasing.js +14 -16
  35. package/lib/plugins/data.js +47 -20
  36. package/lib/plugins/vue-autoinsert-dotvalue.js +4 -3
  37. package/lib/plugins/vue-autoinsert-space.js +1 -1
  38. package/lib/plugins/vue-complete-define-assignment.js +11 -13
  39. package/lib/plugins/vue-directive-comments.js +10 -8
  40. package/lib/plugins/vue-document-drop.js +15 -12
  41. package/lib/plugins/vue-document-links.js +45 -39
  42. package/lib/plugins/vue-extract-file.js +19 -10
  43. package/lib/plugins/vue-inlayhints.d.ts +1 -1
  44. package/lib/plugins/vue-inlayhints.js +65 -56
  45. package/lib/plugins/vue-sfc.js +29 -27
  46. package/lib/plugins/vue-template.js +194 -162
  47. package/lib/plugins/vue-twoslash-queries.js +9 -4
  48. package/package.json +10 -9
  49. package/scripts/update-html-data.js +74 -70
@@ -5,63 +5,10 @@
5
5
  "name": "Transition",
6
6
  "description": {
7
7
  "kind": "markdown",
8
- "value": "\nFournit des effets de transition animés à **un seul** élément ou composant.\n\n- **Props :**\n\n ```ts\n interface TransitionProps {\n /**\n * Utilisé pour générer automatiquement des noms de classe pour les transitions CSS\n * par exemple `name: 'fade'` s'étendra automatiquement à `.fade-enter`,\n * `.fade-enter-active`, etc.\n */\n name?: string\n /**\n * S'il faut appliquer les classes de transition CSS ou non\n * Default: true\n */\n css?: boolean\n /**\n * Spécifie le type d'événements de transition à attendre pour\n * déterminer le moment de la fin de la transition.\n * Le comportement par défaut consiste à détecter automatiquement le type qui a\n * la plus longue durée.\n */\n type?: 'transition' | 'animation'\n /**\n * Spécifie les durées explicites de la transition.\n * Le comportement par défaut consiste à attendre le premier événement `transitionend`.\n * ou `animationend` sur l'élément de transition racine.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Contrôle la séquence temporelle des transitions de sortie/entrée.\n * Simultané par défaut.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Si la transition doit être appliquée au rendu initial ou non.\n * Default: false\n */\n appear?: boolean\n\n /**\n * Props pour la personnaliser les classes de transition.\n * Utilisez kebab-case dans les templates, par exemple enter-from-class=\"xxx\"\n */\n enterFromClass?: string\n enterActiveClass?: string\n enterToClass?: string\n appearFromClass?: string\n appearActiveClass?: string\n appearToClass?: string\n leaveFromClass?: string\n leaveActiveClass?: string\n leaveToClass?: string\n }\n ```\n\n- **Événements :**\n\n - `@before-enter`\n - `@before-leave`\n - `@enter`\n - `@leave`\n - `@appear`\n - `@after-enter`\n - `@after-leave`\n - `@after-appear`\n - `@enter-cancelled`\n - `@leave-cancelled` (`v-show` only)\n - `@appear-cancelled`\n\n- **Exemple**\n\n Élément simple :\n\n ```html\n <Transition>\n <div v-if=\"ok\">toggled content</div>\n </Transition>\n ```\n\n Transition forcée en modifiant l'attribut `key` :\n\n ```html\n <Transition>\n <div :key=\"text\">{{ text }}</div>\n </Transition>\n ```\n\n Composant dynamique, avec mode de transition + animation à l'apparition :\n\n ```html\n <Transition name=\"fade\" mode=\"out-in\" appear>\n <component :is=\"view\"></component>\n </Transition>\n ```\n\n Écoute des événements de transition :\n\n ```html\n <Transition @after-enter=\"onTransitionComplete\">\n <div v-show=\"ok\">toggled content</div>\n </Transition>\n ```\n\n- **Voir aussi** [Guide sur `<Transition>`](https://fr.vuejs.org/guide/built-ins/transition.html)\n"
8
+ "value": "\nFournit des effets de transition animés à **un seul** élément ou composant.\n\n- **Props :**\n\n ```ts\n interface TransitionProps {\n /**\n * Utilisé pour générer automatiquement des noms de classe pour les transitions CSS\n * par exemple `name: 'fade'` s'étendra automatiquement à `.fade-enter`,\n * `.fade-enter-active`, etc.\n */\n name?: string\n /**\n * S'il faut appliquer les classes de transition CSS ou non\n * Par défaut: true\n */\n css?: boolean\n /**\n * Spécifie le type d'événements de transition à attendre pour\n * déterminer le moment de la fin de la transition.\n * Le comportement par défaut consiste à détecter automatiquement le type qui a\n * la plus longue durée.\n */\n type?: 'transition' | 'animation'\n /**\n * Spécifie les durées explicites de la transition.\n * Le comportement par défaut consiste à attendre le premier événement `transitionend`.\n * ou `animationend` sur l'élément de transition racine.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Contrôle la séquence temporelle des transitions de sortie/entrée.\n * Simultané par défaut.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Si la transition doit être appliquée au rendu initial ou non.\n * Par défaut: false\n */\n appear?: boolean\n\n /**\n * Props pour la personnaliser les classes de transition.\n * Utilisez kebab-case dans les templates, par exemple enter-from-class=\"xxx\"\n */\n enterFromClass?: string\n enterActiveClass?: string\n enterToClass?: string\n appearFromClass?: string\n appearActiveClass?: string\n appearToClass?: string\n leaveFromClass?: string\n leaveActiveClass?: string\n leaveToClass?: string\n }\n ```\n\n- **Événements :**\n\n - `@before-enter`\n - `@before-leave`\n - `@enter`\n - `@leave`\n - `@appear`\n - `@after-enter`\n - `@after-leave`\n - `@after-appear`\n - `@enter-cancelled`\n - `@leave-cancelled` (`v-show` only)\n - `@appear-cancelled`\n\n- **Exemple**\n\n Élément simple :\n\n ```html\n <Transition>\n <div v-if=\"ok\">toggled content</div>\n </Transition>\n ```\n\n Transition forcée en modifiant l'attribut `key` :\n\n ```html\n <Transition>\n <div :key=\"text\">{{ text }}</div>\n </Transition>\n ```\n\n Composant dynamique, avec mode de transition + animation à l'apparition :\n\n ```html\n <Transition name=\"fade\" mode=\"out-in\" appear>\n <component :is=\"view\"></component>\n </Transition>\n ```\n\n Écoute des événements de transition :\n\n ```html\n <Transition @after-enter=\"onTransitionComplete\">\n <div v-show=\"ok\">toggled content</div>\n </Transition>\n ```\n\n- **Voir aussi** [Guide sur `<Transition>`](https://fr.vuejs.org/guide/built-ins/transition.html)\n"
9
9
  },
10
10
  "attributes": [],
11
- "references": [
12
- {
13
- "name": "en",
14
- "url": "https://vuejs.org/api/built-in-components.html#transition"
15
- },
16
- {
17
- "name": "zh-cn",
18
- "url": "https://cn.vuejs.org/api/built-in-components.html#transition"
19
- },
20
- {
21
- "name": "zh-hk",
22
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#transition"
23
- },
24
- {
25
- "name": "ja",
26
- "url": "https://ja.vuejs.org/api/built-in-components.html#transition"
27
- },
28
- {
29
- "name": "ua",
30
- "url": "https://ua.vuejs.org/api/built-in-components.html#transition"
31
- },
32
- {
33
- "name": "fr",
34
- "url": "https://fr.vuejs.org/api/built-in-components.html#transition"
35
- },
36
- {
37
- "name": "ko",
38
- "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
39
- },
40
- {
41
- "name": "pt",
42
- "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
43
- },
44
- {
45
- "name": "bn",
46
- "url": "https://bn.vuejs.org/api/built-in-components.html#transition"
47
- },
48
- {
49
- "name": "it",
50
- "url": "https://it.vuejs.org/api/built-in-components.html#transition"
51
- },
52
- {
53
- "name": "cs",
54
- "url": "https://cs.vuejs.org/api/built-in-components.html#transition"
55
- },
56
- {
57
- "name": "ru",
58
- "url": "https://ru.vuejs.org/api/built-in-components.html#transition"
59
- },
60
- {
61
- "name": "fa",
62
- "url": "https://fa.vuejs.org/api/built-in-components.html#transition"
63
- }
64
- ]
11
+ "references": "api/built-in-components.html#transition"
65
12
  },
66
13
  {
67
14
  "name": "TransitionGroup",
@@ -70,60 +17,7 @@
70
17
  "value": "\nFournit des effets de transition pour de **multiples** éléments ou composants dans une liste.\n\n- **Props :**\n\n `<TransitionGroup>` accepte les mêmes props que `<Transition>` à l'exception de `mode`, plus deux props additionnelles :\n\n ```ts\n interface TransitionGroupProps extends Omit<TransitionProps, 'mode'> {\n /**\n * S'il n'est pas défini, le rendu sera un fragment.\n */\n tag?: string\n /**\n * Pour personnaliser la classe CSS appliquée lors des transitions de mouvement.\n * Utilisez kebab-case dans les templates, par exemple move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Événements :**\n\n `<TransitionGroup>` émet les mêmes événements que `<Transition>`.\n\n- **Détails**\n\n Par défaut, `<TransitionGroup>` ne rend pas d'élément du DOM en enveloppant d'autres, mais on peut en définir un via la prop `tag`.\n\n Notez que chaque enfant d'un `<transition-group>` doit avoir une [**clé unique**](https://fr.vuejs.org/guide/essentials/list.html#maintaining-state-with-key) pour que les animations fonctionnent correctement.\n\n `<TransitionGroup>` prend en charge les transitions de mouvement via une transformation CSS. Lorsque la position d'un enfant à l'écran a changé après une mise à jour, il se verra appliquer une classe CSS de mouvement (générée automatiquement à partir de l'attribut `name` ou configurée avec la prop `move-class`). Si la propriété CSS `transform` est \"transition-able\" lorsque la classe de mouvement est appliquée, l'élément sera animé en douceur vers sa destination en utilisant la [technique FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Exemple**\n\n ```html\n <TransitionGroup tag=\"ul\" name=\"slide\">\n <li v-for=\"item in items\" :key=\"item.id\">\n {{ item.text }}\n </li>\n </TransitionGroup>\n ```\n\n- **Voir aussi** [Guide - TransitionGroup](https://fr.vuejs.org/guide/built-ins/transition-group.html)\n"
71
18
  },
72
19
  "attributes": [],
73
- "references": [
74
- {
75
- "name": "en",
76
- "url": "https://vuejs.org/api/built-in-components.html#transitiongroup"
77
- },
78
- {
79
- "name": "zh-cn",
80
- "url": "https://cn.vuejs.org/api/built-in-components.html#transitiongroup"
81
- },
82
- {
83
- "name": "zh-hk",
84
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#transitiongroup"
85
- },
86
- {
87
- "name": "ja",
88
- "url": "https://ja.vuejs.org/api/built-in-components.html#transitiongroup"
89
- },
90
- {
91
- "name": "ua",
92
- "url": "https://ua.vuejs.org/api/built-in-components.html#transitiongroup"
93
- },
94
- {
95
- "name": "fr",
96
- "url": "https://fr.vuejs.org/api/built-in-components.html#transitiongroup"
97
- },
98
- {
99
- "name": "ko",
100
- "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
101
- },
102
- {
103
- "name": "pt",
104
- "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
105
- },
106
- {
107
- "name": "bn",
108
- "url": "https://bn.vuejs.org/api/built-in-components.html#transitiongroup"
109
- },
110
- {
111
- "name": "it",
112
- "url": "https://it.vuejs.org/api/built-in-components.html#transitiongroup"
113
- },
114
- {
115
- "name": "cs",
116
- "url": "https://cs.vuejs.org/api/built-in-components.html#transitiongroup"
117
- },
118
- {
119
- "name": "ru",
120
- "url": "https://ru.vuejs.org/api/built-in-components.html#transitiongroup"
121
- },
122
- {
123
- "name": "fa",
124
- "url": "https://fa.vuejs.org/api/built-in-components.html#transitiongroup"
125
- }
126
- ]
20
+ "references": "api/built-in-components.html#transitiongroup"
127
21
  },
128
22
  {
129
23
  "name": "KeepAlive",
@@ -132,184 +26,25 @@
132
26
  "value": "\nMet en cache les composants activés dynamiquement qui y sont imbriqués.\n\n- **Props :**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Si spécifié, seuls les composants dont les noms correspondent à\n * `include` seront mis en cache.\n */\n include?: MatchPattern\n /**\n * Un composant avec un nom ne correspondant pas à `exclude` ne sera\n * pas mis en cache.\n */\n exclude?: MatchPattern\n /**\n * Le nombre maximum d'instances de composant à mettre en cache.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Détails**\n\n Lorsqu'il enveloppe un composant dynamique, `<KeepAlive>` met en cache les instances inactives du composant sans les détruire.\n\n Il ne peut y avoir qu'une seule instance de composant active comme enfant direct de `<KeepAlive>` à un moment donné.\n\nLorsqu'un composant est activé/désactivé à l'intérieur de `<KeepAlive>`, ses hooks de cycle de vie `activated` et `deactivated` seront invoqués en conséquence, fournissant une alternative à `mounted` et `unmounted`, qui ne sont pas appelés. Ceci s'applique à l'enfant direct de `<KeepAlive>` ainsi qu'à tous ses descendants.\n\n- **Exemple**\n\n Utilisation basique :\n\n ```html\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Lorsqu'il est utilisé avec les branches `v-if` / `v-else`, il ne doit y avoir qu'un seul composant rendu à la fois :\n\n ```html\n <KeepAlive>\n <comp-a v-if=\"a > 1\"></comp-a>\n <comp-b v-else></comp-b>\n </KeepAlive>\n ```\n\n Utilisé en combinaison avec `<Transition>` :\n\n ```html\n <Transition>\n <KeepAlive>\n <component :is=\"view\"></component>\n </KeepAlive>\n </Transition>\n ```\n\n En utilisant `include` / `exclude` :\n\n ```html\n <!-- chaîne de caractères délimitée par des virgules -->\n <KeepAlive include=\"a,b\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- regex (utilisez `v-bind`) -->\n <KeepAlive :include=\"/a|b/\">\n <component :is=\"view\"></component>\n </KeepAlive>\n\n <!-- Tableau (utilisez `v-bind`) -->\n <KeepAlive :include=\"['a', 'b']\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n Utilisation avec `max` :\n\n ```html\n <KeepAlive :max=\"10\">\n <component :is=\"view\"></component>\n </KeepAlive>\n ```\n\n- **Voir aussi** [Guide - KeepAlive](https://fr.vuejs.org/guide/built-ins/keep-alive.html)\n"
133
27
  },
134
28
  "attributes": [],
135
- "references": [
136
- {
137
- "name": "en",
138
- "url": "https://vuejs.org/api/built-in-components.html#keepalive"
139
- },
140
- {
141
- "name": "zh-cn",
142
- "url": "https://cn.vuejs.org/api/built-in-components.html#keepalive"
143
- },
144
- {
145
- "name": "zh-hk",
146
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#keepalive"
147
- },
148
- {
149
- "name": "ja",
150
- "url": "https://ja.vuejs.org/api/built-in-components.html#keepalive"
151
- },
152
- {
153
- "name": "ua",
154
- "url": "https://ua.vuejs.org/api/built-in-components.html#keepalive"
155
- },
156
- {
157
- "name": "fr",
158
- "url": "https://fr.vuejs.org/api/built-in-components.html#keepalive"
159
- },
160
- {
161
- "name": "ko",
162
- "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
163
- },
164
- {
165
- "name": "pt",
166
- "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
167
- },
168
- {
169
- "name": "bn",
170
- "url": "https://bn.vuejs.org/api/built-in-components.html#keepalive"
171
- },
172
- {
173
- "name": "it",
174
- "url": "https://it.vuejs.org/api/built-in-components.html#keepalive"
175
- },
176
- {
177
- "name": "cs",
178
- "url": "https://cs.vuejs.org/api/built-in-components.html#keepalive"
179
- },
180
- {
181
- "name": "ru",
182
- "url": "https://ru.vuejs.org/api/built-in-components.html#keepalive"
183
- },
184
- {
185
- "name": "fa",
186
- "url": "https://fa.vuejs.org/api/built-in-components.html#keepalive"
187
- }
188
- ]
29
+ "references": "api/built-in-components.html#keepalive"
189
30
  },
190
31
  {
191
32
  "name": "Teleport",
192
33
  "description": {
193
34
  "kind": "markdown",
194
- "value": "\nRend le contenu de son slot à une autre partie du DOM.\n\n- **Props :**\n\n ```ts\n interface TeleportProps {\n /**\n * Requis. Spécifie le conteneur cible.\n * Peut être un sélecteur ou un élément.\n */\n to: string | HTMLElement\n /**\n * S'il vaut `true`, le contenu restera à son emplacement\n * original au lieu d'être déplacé dans le conteneur cible.\n * Peut être changé de manière dynamique.\n */\n disabled?: boolean\n }\n ```\n\n- **Exemple**\n\n En spécifiant le conteneur cible :\n\n ```html\n <Teleport to=\"#some-id\" />\n <Teleport to=\".some-class\" />\n <Teleport to=\"[data-teleport]\" />\n ```\n\n En le désactivant de manière conditionnelle :\n\n ```html\n <Teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n <video src=\"./my-movie.mp4\">\n </Teleport>\n ```\n\n- **Voir aussi** [Guide - Teleport](https://fr.vuejs.org/guide/built-ins/teleport.html)\n"
35
+ "value": "\nRend le contenu de son slot à une autre partie du DOM.\n\n- **Props :**\n\n ```ts\n interface TeleportProps {\n /**\n * Requis. Spécifie le conteneur cible.\n * Peut être un sélecteur ou un élément.\n */\n to: string | HTMLElement\n /**\n * S'il vaut `true`, le contenu restera à son emplacement\n * original au lieu d'être déplacé dans le conteneur cible.\n * Peut être changé de manière dynamique.\n */\n disabled?: boolean\n /**\n * Lorsque la valeur est `true`, le traitement de Teleport sera reporté jusqu'à ce que d'autres\n * parties de l'application aient été montées avant\n * de résoudre sa cible. (A partir de la version 3.5)\n */\n defer?: boolean\n }\n ```\n\n- **Exemple**\n\n En spécifiant le conteneur cible :\n\n ```html\n <Teleport to=\"#some-id\" />\n <Teleport to=\".some-class\" />\n <Teleport to=\"[data-teleport]\" />\n ```\n\n En le désactivant de manière conditionnelle :\n\n ```html\n <Teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n <video src=\"./my-movie.mp4\">\n </Teleport>\n ```\n\n Différer la résolution du conteneur cible <sup class=\"vt-badge\" data-text=\"3.5+\" /> :\n\n ```html\n <Teleport defer to=\"#late-div\">...</Teleport>\n\n <!-- plus loins dans le template -->\n <div id=\"late-div\"></div>\n ```\n\n- **Voir aussi** [Guide - Teleport](https://fr.vuejs.org/guide/built-ins/teleport.html)\n"
195
36
  },
196
37
  "attributes": [],
197
- "references": [
198
- {
199
- "name": "en",
200
- "url": "https://vuejs.org/api/built-in-components.html#teleport"
201
- },
202
- {
203
- "name": "zh-cn",
204
- "url": "https://cn.vuejs.org/api/built-in-components.html#teleport"
205
- },
206
- {
207
- "name": "zh-hk",
208
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#teleport"
209
- },
210
- {
211
- "name": "ja",
212
- "url": "https://ja.vuejs.org/api/built-in-components.html#teleport"
213
- },
214
- {
215
- "name": "ua",
216
- "url": "https://ua.vuejs.org/api/built-in-components.html#teleport"
217
- },
218
- {
219
- "name": "fr",
220
- "url": "https://fr.vuejs.org/api/built-in-components.html#teleport"
221
- },
222
- {
223
- "name": "ko",
224
- "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
225
- },
226
- {
227
- "name": "pt",
228
- "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
229
- },
230
- {
231
- "name": "bn",
232
- "url": "https://bn.vuejs.org/api/built-in-components.html#teleport"
233
- },
234
- {
235
- "name": "it",
236
- "url": "https://it.vuejs.org/api/built-in-components.html#teleport"
237
- },
238
- {
239
- "name": "cs",
240
- "url": "https://cs.vuejs.org/api/built-in-components.html#teleport"
241
- },
242
- {
243
- "name": "ru",
244
- "url": "https://ru.vuejs.org/api/built-in-components.html#teleport"
245
- },
246
- {
247
- "name": "fa",
248
- "url": "https://fa.vuejs.org/api/built-in-components.html#teleport"
249
- }
250
- ]
38
+ "references": "api/built-in-components.html#teleport"
251
39
  },
252
40
  {
253
41
  "name": "Suspense",
254
42
  "description": {
255
43
  "kind": "markdown",
256
- "value": "\nUtilisé pour orchestrer des dépendances asynchrones imbriquées dans un arbre de composants.\n\n- **Props :**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number,\n suspensible?: boolean\n }\n ```\n\n- **Événements :**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Détails**\n\n `<Suspense>` accepte deux slots : le slot `#default` et le slot `#fallback`. Il affichera le contenu du slot de secours tout en rendant le slot par défaut en mémoire.\n\n S'il rencontre des dépendances asynchrones ([Composants asynchrones](https://fr.vuejs.org/guide/components/async.html) et des composants avec [`async setup()`](https://fr.vuejs.org/guide/built-ins/suspense.html#async-setup)) lors du rendu du slot par défaut, il attendra qu'elles soient toutes résolues avant d'afficher le slot par défaut.\n\n En définissant Suspense comme `suspensible`, toutes les dépendances asynchrones seront gérées par le Suspense parent. Voir [les détails d'implémentation](https://github.com/vuejs/core/pull/6736)\n\n- **Voir aussi** [Guide - Suspense](https://fr.vuejs.org/guide/built-ins/suspense.html)\n"
44
+ "value": "\nUtilisé pour orchestrer des dépendances asynchrones imbriquées dans un arbre de composants.\n\n- **Props :**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **Événements :**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Détails**\n\n `<Suspense>` accepte deux slots : le slot `#default` et le slot `#fallback`. Il affichera le contenu du slot de secours tout en rendant le slot par défaut en mémoire.\n\n S'il rencontre des dépendances asynchrones ([Composants asynchrones](https://fr.vuejs.org/guide/components/async.html) et des composants avec [`async setup()`](https://fr.vuejs.org/guide/built-ins/suspense.html#async-setup)) lors du rendu du slot par défaut, il attendra qu'elles soient toutes résolues avant d'afficher le slot par défaut.\n\n En définissant Suspense comme `suspensible`, toutes les dépendances asynchrones seront gérées par le Suspense parent. Voir [les détails d'implémentation](https://github.com/vuejs/core/pull/6736)\n\n- **Voir aussi** [Guide - Suspense](https://fr.vuejs.org/guide/built-ins/suspense.html)\n"
257
45
  },
258
46
  "attributes": [],
259
- "references": [
260
- {
261
- "name": "en",
262
- "url": "https://vuejs.org/api/built-in-components.html#suspense"
263
- },
264
- {
265
- "name": "zh-cn",
266
- "url": "https://cn.vuejs.org/api/built-in-components.html#suspense"
267
- },
268
- {
269
- "name": "zh-hk",
270
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#suspense"
271
- },
272
- {
273
- "name": "ja",
274
- "url": "https://ja.vuejs.org/api/built-in-components.html#suspense"
275
- },
276
- {
277
- "name": "ua",
278
- "url": "https://ua.vuejs.org/api/built-in-components.html#suspense"
279
- },
280
- {
281
- "name": "fr",
282
- "url": "https://fr.vuejs.org/api/built-in-components.html#suspense"
283
- },
284
- {
285
- "name": "ko",
286
- "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
287
- },
288
- {
289
- "name": "pt",
290
- "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
291
- },
292
- {
293
- "name": "bn",
294
- "url": "https://bn.vuejs.org/api/built-in-components.html#suspense"
295
- },
296
- {
297
- "name": "it",
298
- "url": "https://it.vuejs.org/api/built-in-components.html#suspense"
299
- },
300
- {
301
- "name": "cs",
302
- "url": "https://cs.vuejs.org/api/built-in-components.html#suspense"
303
- },
304
- {
305
- "name": "ru",
306
- "url": "https://ru.vuejs.org/api/built-in-components.html#suspense"
307
- },
308
- {
309
- "name": "fa",
310
- "url": "https://fa.vuejs.org/api/built-in-components.html#suspense"
311
- }
312
- ]
47
+ "references": "api/built-in-components.html#suspense"
313
48
  },
314
49
  {
315
50
  "name": "component",
@@ -318,60 +53,7 @@
318
53
  "value": "\nUn \"méta-composant\" pour rendre des composants ou éléments dynamiques.\n\n- **Props :**\n\n ```ts\n interface DynamicComponentProps {\n is: string | Component\n }\n ```\n\n- **Détails**\n\n Le composant à rendre est déterminé par la propriété \"is\".\n\n - Lorsque `is` est une chaîne de caractères, il peut s'agir du nom d'une balise HTML ou du nom d'un composant enregistré.\n\n - De manière alternative, `is` peut également être directement lié à la définition d'un composant.\n\n- **Exemple**\n\n Rendu des composants par nom d'enregistrement (Options API) :\n\n ```vue\n <script>\n import Foo from './Foo.vue'\n import Bar from './Bar.vue'\n\n export default {\n components: { Foo, Bar },\n data() {\n return {\n view: 'Foo'\n }\n }\n }\n </script>\n\n <template>\n <component :is=\"view\" />\n </template>\n ```\n\n Rendu de composants par définition (Composition API avec `<script setup>`) :\n\n ```vue\n <script setup>\n import Foo from './Foo.vue'\n import Bar from './Bar.vue'\n </script>\n\n <template>\n <component :is=\"Math.random() > 0.5 ? Foo : Bar\" />\n </template>\n ```\n\n Rendu d'éléments HTML :\n\n ```html\n <component :is=\"href ? 'a' : 'span'\"></component>\n ```\n\n Les [composants natifs](./built-in-components) peuvent tous être passés à `is`, mais vous devez les enregistrer si vous voulez les passer par leur nom. Par exemple :\n\n ```vue\n <script>\n import { Transition, TransitionGroup } from 'vue'\n\n export default {\n components: {\n Transition,\n TransitionGroup\n }\n }\n </script>\n\n <template>\n <component :is=\"isGroup ? 'TransitionGroup' : 'Transition'\">\n ...\n </component>\n </template>\n ```\n\n L'enregistrement n'est pas nécessaire si vous passez directement le composant à `is` plutôt que son nom, par exemple dans `<script setup>`.\n\n Si `v-model` est utilisée sur une balise `<component>`, le compilateur de templates le transformera en une prop `modelValue` et un écouteur d'événements `update:modelValue`, comme il le ferait pour tout autre composant. Cependant, cela ne sera pas compatible avec les éléments HTML natifs, tels que `<input>` ou `<select>`. Par conséquent, l'utilisation de `v-model` avec un élément natif créé dynamiquement ne fonctionnera pas :\n\n ```vue\n <script setup>\n import { ref } from 'vue'\n\n const tag = ref('input')\n const username = ref('')\n </script>\n\n <template>\n <!-- Cela ne fonctionnera pas car \"input\" est un élément HTML natif. -->\n <component :is=\"tag\" v-model=\"username\" />\n </template>\n ```\n\n En pratique, ce cas de figure n'est pas courant car les champs de formulaire natifs sont généralement enveloppés dans des composants dans les applications réelles. Si vous avez besoin d'utiliser directement un élément natif, vous pouvez diviser manuellement le \"v-model\" en un attribut et un événement.\n\n- **Voir aussi** [Composants dynamiques](https://fr.vuejs.org/guide/essentials/component-basics.html#dynamic-components)\n"
319
54
  },
320
55
  "attributes": [],
321
- "references": [
322
- {
323
- "name": "en",
324
- "url": "https://vuejs.org/api/built-in-special-elements.html#component"
325
- },
326
- {
327
- "name": "zh-cn",
328
- "url": "https://cn.vuejs.org/api/built-in-special-elements.html#component"
329
- },
330
- {
331
- "name": "zh-hk",
332
- "url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#component"
333
- },
334
- {
335
- "name": "ja",
336
- "url": "https://ja.vuejs.org/api/built-in-special-elements.html#component"
337
- },
338
- {
339
- "name": "ua",
340
- "url": "https://ua.vuejs.org/api/built-in-special-elements.html#component"
341
- },
342
- {
343
- "name": "fr",
344
- "url": "https://fr.vuejs.org/api/built-in-special-elements.html#component"
345
- },
346
- {
347
- "name": "ko",
348
- "url": "https://ko.vuejs.org/api/built-in-special-elements.html#component"
349
- },
350
- {
351
- "name": "pt",
352
- "url": "https://pt.vuejs.org/api/built-in-special-elements.html#component"
353
- },
354
- {
355
- "name": "bn",
356
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#component"
357
- },
358
- {
359
- "name": "it",
360
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#component"
361
- },
362
- {
363
- "name": "cs",
364
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#component"
365
- },
366
- {
367
- "name": "ru",
368
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#component"
369
- },
370
- {
371
- "name": "fa",
372
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#component"
373
- }
374
- ]
56
+ "references": "api/built-in-special-elements.html#component"
375
57
  },
376
58
  {
377
59
  "name": "slot",
@@ -380,60 +62,7 @@
380
62
  "value": "\nIndique l'emplacement du contenu d'un slot dans les templates.\n\n- **Props :**\n\n ```ts\n interface SlotProps {\n /**\n * Toutes les props passées à <slot> à passer comme arguments\n * aux slots scopés\n */\n [key: string]: any\n /**\n * Réservé pour spécifier le nom du slot.\n */\n name?: string\n }\n ```\n\n- **Détails**\n\n L'élément `<slot>` peut utiliser l'attribut `name` pour spécifier un nom de slot. Si aucun `name` n'est spécifié, l'élément rendra le slot par défaut. Les attributs supplémentaires passés à l'élément slot seront passés comme des props de slot au slot scopé défini dans le parent.\n\n L'élément lui-même sera remplacé par le contenu du slot correspondant.\n\n Les éléments `<slot>` dans les templates Vue sont compilés en JavaScript, ils ne doivent donc pas être confondus avec les [éléments `<slot>` natifs](https://developer.mozilla.org/fr/docs/Web/HTML/Element/slot).\n\n- **Voir aussi** [Composant - Slots](https://fr.vuejs.org/guide/components/slots.html)\n"
381
63
  },
382
64
  "attributes": [],
383
- "references": [
384
- {
385
- "name": "en",
386
- "url": "https://vuejs.org/api/built-in-special-elements.html#slot"
387
- },
388
- {
389
- "name": "zh-cn",
390
- "url": "https://cn.vuejs.org/api/built-in-special-elements.html#slot"
391
- },
392
- {
393
- "name": "zh-hk",
394
- "url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#slot"
395
- },
396
- {
397
- "name": "ja",
398
- "url": "https://ja.vuejs.org/api/built-in-special-elements.html#slot"
399
- },
400
- {
401
- "name": "ua",
402
- "url": "https://ua.vuejs.org/api/built-in-special-elements.html#slot"
403
- },
404
- {
405
- "name": "fr",
406
- "url": "https://fr.vuejs.org/api/built-in-special-elements.html#slot"
407
- },
408
- {
409
- "name": "ko",
410
- "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
411
- },
412
- {
413
- "name": "pt",
414
- "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
415
- },
416
- {
417
- "name": "bn",
418
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#slot"
419
- },
420
- {
421
- "name": "it",
422
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#slot"
423
- },
424
- {
425
- "name": "cs",
426
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#slot"
427
- },
428
- {
429
- "name": "ru",
430
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#slot"
431
- },
432
- {
433
- "name": "fa",
434
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#slot"
435
- }
436
- ]
65
+ "references": "api/built-in-special-elements.html#slot"
437
66
  },
438
67
  {
439
68
  "name": "template",
@@ -442,60 +71,7 @@
442
71
  "value": "\nLa balise `<template>` est utilisée comme placeholder lorsque nous voulons utiliser une directive native sans rendre un élément dans le DOM.\n\n- **Détails**\n\n Le traitement spécial de `<template>` n'est déclenché que s'il est utilisé avec l'une de ces directives :\n\n - `v-if`, `v-else-if`, or `v-else`\n - `v-for`\n - `v-slot`\n \n Si aucune de ces directives n'est présente, il sera rendu comme un [élément natif `<template>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/template) à la place.\n\n Un `<template>` avec un `v-for` peut aussi avoir un attribut [`key`](https://fr.vuejs.org/api/built-in-special-attributes.html#key). Tous les autres attributs et directives seront rejetés, car ils n'ont pas de sens sans l'élément correspondant.\n\n Les composants monofichiers utilisent une [top-level `<template>` tag](https://fr.vuejs.org/api/sfc-spec.html#language-blocks) pour envelopper l'ensemble du template. Cette utilisation est distincte de l'utilisation de `<template>` décrite ci-dessus. Cette balise de haut niveau ne fait pas partie du modèle lui-même et ne supporte pas la syntaxe template, comme les directives.\n\n- **Voir aussi**\n - [Guide - `v-if` avec `<template>`](https://fr.vuejs.org/guide/essentials/conditional.html#v-if-on-template) \n - [Guide - `v-for` avec `<template>`](https://fr.vuejs.org/guide/essentials/list.html#v-for-on-template) \n - [Guide - Slots nommés](https://fr.vuejs.org/guide/components/slots.html#named-slots) \n"
443
72
  },
444
73
  "attributes": [],
445
- "references": [
446
- {
447
- "name": "en",
448
- "url": "https://vuejs.org/api/built-in-special-elements.html#template"
449
- },
450
- {
451
- "name": "zh-cn",
452
- "url": "https://cn.vuejs.org/api/built-in-special-elements.html#template"
453
- },
454
- {
455
- "name": "zh-hk",
456
- "url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#template"
457
- },
458
- {
459
- "name": "ja",
460
- "url": "https://ja.vuejs.org/api/built-in-special-elements.html#template"
461
- },
462
- {
463
- "name": "ua",
464
- "url": "https://ua.vuejs.org/api/built-in-special-elements.html#template"
465
- },
466
- {
467
- "name": "fr",
468
- "url": "https://fr.vuejs.org/api/built-in-special-elements.html#template"
469
- },
470
- {
471
- "name": "ko",
472
- "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
473
- },
474
- {
475
- "name": "pt",
476
- "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
477
- },
478
- {
479
- "name": "bn",
480
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#template"
481
- },
482
- {
483
- "name": "it",
484
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#template"
485
- },
486
- {
487
- "name": "cs",
488
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#template"
489
- },
490
- {
491
- "name": "ru",
492
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#template"
493
- },
494
- {
495
- "name": "fa",
496
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#template"
497
- }
498
- ]
74
+ "references": "api/built-in-special-elements.html#template"
499
75
  }
500
76
  ],
501
77
  "globalAttributes": [
@@ -503,1103 +79,157 @@
503
79
  "name": "v-text",
504
80
  "description": {
505
81
  "kind": "markdown",
506
- "value": "\nMet à jour le contenu texte d'un élément.\n\n- **Attendu :** `string`\n\n- **Détails**\n\n `v-text` fonctionne en définissant la propriété [textContent](https://developer.mozilla.org/fr/docs/Web/API/Node/textContent) de l'élément, de sorte qu'elle écrasera tout contenu existant dans l'élément. Si vous devez mettre à jour `textContent`, vous devez utiliser les [interpolations moustaches](https://fr.vuejs.org/guide/essentials/template-syntax.html#text-interpolation) à la place.\n\n- **Exemple**\n\n ```html\n <span v-text=\"msg\"></span>\n <!-- same as -->\n <span>{{msg}}</span>\n ```\n\n- **Voir aussi** [Syntaxe de template - Interpolation de texte](https://fr.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n"
82
+ "value": "Met à jour le contenu texte d'un élément.\n\n- **Attendu :** `string`\n\n- **Détails**\n\n `v-text` fonctionne en définissant la propriété [textContent](https://developer.mozilla.org/fr/docs/Web/API/Node/textContent) de l'élément, de sorte qu'elle écrasera tout contenu existant dans l'élément. Si vous devez mettre à jour `textContent`, vous devez utiliser les [interpolations moustaches](https://fr.vuejs.org/guide/essentials/template-syntax.html#text-interpolation) à la place.\n\n- **Exemple**\n\n ```html\n <span v-text=\"msg\"></span>\n <!-- same as -->\n <span>{{msg}}</span>\n ```\n\n- **Voir aussi** [Syntaxe de template - Interpolation de texte](https://fr.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)"
507
83
  },
508
- "references": [
509
- {
510
- "name": "en",
511
- "url": "https://vuejs.org/api/built-in-directives.html#v-text"
512
- },
513
- {
514
- "name": "zh-cn",
515
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-text"
516
- },
517
- {
518
- "name": "zh-hk",
519
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-text"
520
- },
521
- {
522
- "name": "ja",
523
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-text"
524
- },
525
- {
526
- "name": "ua",
527
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-text"
528
- },
529
- {
530
- "name": "fr",
531
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-text"
532
- },
533
- {
534
- "name": "ko",
535
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
536
- },
537
- {
538
- "name": "pt",
539
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
540
- },
541
- {
542
- "name": "bn",
543
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-text"
544
- },
545
- {
546
- "name": "it",
547
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-text"
548
- },
549
- {
550
- "name": "cs",
551
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-text"
552
- },
553
- {
554
- "name": "ru",
555
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-text"
556
- },
557
- {
558
- "name": "fa",
559
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-text"
560
- }
561
- ]
84
+ "references": "api/built-in-directives.html#v-text"
562
85
  },
563
86
  {
564
87
  "name": "v-html",
565
88
  "description": {
566
89
  "kind": "markdown",
567
- "value": "\nMet à jour [innerHTML](https://developer.mozilla.org/fr/docs/Web/API/Element/innerHTML) de l'élément.\n\n- **Attendu :** `string`\n\n- **Détails**\n\n Le contenu de `v-html` est inséré en tant qu'HTML simple - la syntaxe des templates de Vue ne sera pas traitée. Si vous vous retrouvez à essayer de composer des templates en utilisant `v-html`, essayez de repenser la solution en utilisant plutôt des composants.\n\n ::: warning Remarque sur la sécurité\n Rendre dynamiquement du HTML arbitraire sur votre site web peut être très dangereux car cela peut facilement conduire à des [attaques XSS](https://fr.wikipedia.org/wiki/Cross-site_scripting). N'utilisez `v-html` que sur du contenu de confiance et **jamais** sur du contenu fourni par l'utilisateur.\n :::\n\n Dans les [composants monofichiers](https://fr.vuejs.org/guide/scaling-up/sfc.html), les styles `scoped` ne s'appliqueront pas au contenu de `v-html`, car ce HTML n'est pas traité par le compilateur de templates de Vue. Si vous souhaitez cibler le contenu de `v-html` avec un CSS scopé, vous pouvez utiliser des [modules CSS](./sfc-css-features#css-modules) ou un élément `<style>` global supplémentaire avec une stratégie de scoping manuelle telle que BEM.\n\n- **Exemple**\n\n ```html\n <div v-html=\"html\"></div>\n ```\n\n- **Voir aussi** [Syntaxe de template - HTML brut](https://fr.vuejs.org/guide/essentials/template-syntax.html#raw-html)\n"
90
+ "value": "Met à jour [innerHTML](https://developer.mozilla.org/fr/docs/Web/API/Element/innerHTML) de l'élément.\n\n- **Attendu :** `string`\n\n- **Détails**\n\n Le contenu de `v-html` est inséré en tant qu'HTML simple - la syntaxe des templates de Vue ne sera pas traitée. Si vous vous retrouvez à essayer de composer des templates en utilisant `v-html`, essayez de repenser la solution en utilisant plutôt des composants.\n\n ::: warning Remarque sur la sécurité\n Rendre dynamiquement du HTML arbitraire sur votre site web peut être très dangereux car cela peut facilement conduire à des [attaques XSS](https://fr.wikipedia.org/wiki/Cross-site_scripting). N'utilisez `v-html` que sur du contenu de confiance et **jamais** sur du contenu fourni par l'utilisateur.\n :::\n\n Dans les [composants monofichiers](https://fr.vuejs.org/guide/scaling-up/sfc.html), les styles `scoped` ne s'appliqueront pas au contenu de `v-html`, car ce HTML n'est pas traité par le compilateur de templates de Vue. Si vous souhaitez cibler le contenu de `v-html` avec un CSS scopé, vous pouvez utiliser des [modules CSS](./sfc-css-features#css-modules) ou un élément `<style>` global supplémentaire avec une stratégie de scoping manuelle telle que BEM.\n\n- **Exemple**\n\n ```html\n <div v-html=\"html\"></div>\n ```\n\n- **Voir aussi** [Syntaxe de template - HTML brut](https://fr.vuejs.org/guide/essentials/template-syntax.html#raw-html)"
568
91
  },
569
- "references": [
570
- {
571
- "name": "en",
572
- "url": "https://vuejs.org/api/built-in-directives.html#v-html"
573
- },
574
- {
575
- "name": "zh-cn",
576
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-html"
577
- },
578
- {
579
- "name": "zh-hk",
580
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-html"
581
- },
582
- {
583
- "name": "ja",
584
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-html"
585
- },
586
- {
587
- "name": "ua",
588
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-html"
589
- },
590
- {
591
- "name": "fr",
592
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-html"
593
- },
594
- {
595
- "name": "ko",
596
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-html"
597
- },
598
- {
599
- "name": "pt",
600
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-html"
601
- },
602
- {
603
- "name": "bn",
604
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-html"
605
- },
606
- {
607
- "name": "it",
608
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-html"
609
- },
610
- {
611
- "name": "cs",
612
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-html"
613
- },
614
- {
615
- "name": "ru",
616
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-html"
617
- },
618
- {
619
- "name": "fa",
620
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-html"
621
- }
622
- ]
92
+ "references": "api/built-in-directives.html#v-html"
623
93
  },
624
94
  {
625
95
  "name": "v-show",
626
96
  "description": {
627
97
  "kind": "markdown",
628
- "value": "\nFait basculer la visibilité de l'élément en fonction de la valeur évaluée à vrai ou faux de l'expression.\n\n- **Attendu :** `any`\n\n- **Détails**\n\n `v-show` fonctionne en fixant la propriété CSS `display` via des styles littéraux, et essaiera de respecter la valeur initiale `display` lorsque l'élément est visible. Elle déclenche également des transitions lorsque sa condition change.\n\n- **Voir aussi** [Rendu conditionnel - v-show](https://fr.vuejs.org/guide/essentials/conditional.html#v-show)\n"
98
+ "value": "Fait basculer la visibilité de l'élément en fonction de la valeur évaluée à vrai ou faux de l'expression.\n\n- **Attendu :** `any`\n\n- **Détails**\n\n `v-show` fonctionne en fixant la propriété CSS `display` via des styles littéraux, et essaiera de respecter la valeur initiale `display` lorsque l'élément est visible. Elle déclenche également des transitions lorsque sa condition change.\n\n- **Voir aussi** [Rendu conditionnel - v-show](https://fr.vuejs.org/guide/essentials/conditional.html#v-show)"
629
99
  },
630
- "references": [
631
- {
632
- "name": "en",
633
- "url": "https://vuejs.org/api/built-in-directives.html#v-show"
634
- },
635
- {
636
- "name": "zh-cn",
637
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-show"
638
- },
639
- {
640
- "name": "zh-hk",
641
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-show"
642
- },
643
- {
644
- "name": "ja",
645
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-show"
646
- },
647
- {
648
- "name": "ua",
649
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-show"
650
- },
651
- {
652
- "name": "fr",
653
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-show"
654
- },
655
- {
656
- "name": "ko",
657
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-show"
658
- },
659
- {
660
- "name": "pt",
661
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-show"
662
- },
663
- {
664
- "name": "bn",
665
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-show"
666
- },
667
- {
668
- "name": "it",
669
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-show"
670
- },
671
- {
672
- "name": "cs",
673
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-show"
674
- },
675
- {
676
- "name": "ru",
677
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-show"
678
- },
679
- {
680
- "name": "fa",
681
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-show"
682
- }
683
- ]
100
+ "references": "api/built-in-directives.html#v-show"
684
101
  },
685
102
  {
686
103
  "name": "v-if",
687
104
  "description": {
688
105
  "kind": "markdown",
689
- "value": "\nRend conditionnellement un élément ou un fragment de template en fonction de la valeur de l'expression, évaluée à vrai ou faux.\n\n- **Attendu :** `any`\n\n- **Détails**\n\n Lorsqu'un élément comportant `v-if` est activé / désactivé, l'élément et les directives / composants qu'il contient sont détruits et reconstruits. Si la condition initiale est fausse, le contenu interne ne sera pas rendu du tout.\n\n Peut être utilisée sur `<template>` pour désigner un bloc conditionnel contenant uniquement du texte ou plusieurs éléments.\n\n Cette directive déclenche des transitions lorsque sa condition change.\n\n Lorsqu'elles sont utilisées ensemble, `v-if' a une priorité plus élevée que `v-for'. Il est déconseillé d'utiliser ces deux directives ensemble sur un même élément - voir le [guide du rendu de liste](https://fr.vuejs.org/guide/essentials/list.html#v-for-with-v-if) pour plus de détails.\n\n- **Voir aussi** [Rendu conditionnel - v-if](https://fr.vuejs.org/guide/essentials/conditional.html#v-if)\n"
106
+ "value": "Rend conditionnellement un élément ou un fragment de template en fonction de la valeur de l'expression, évaluée à vrai ou faux.\n\n- **Attendu :** `any`\n\n- **Détails**\n\n Lorsqu'un élément comportant `v-if` est activé / désactivé, l'élément et les directives / composants qu'il contient sont détruits et reconstruits. Si la condition initiale est fausse, le contenu interne ne sera pas rendu du tout.\n\n Peut être utilisée sur `<template>` pour désigner un bloc conditionnel contenant uniquement du texte ou plusieurs éléments.\n\n Cette directive déclenche des transitions lorsque sa condition change.\n\n Lorsqu'elles sont utilisées ensemble, `v-if' a une priorité plus élevée que `v-for'. Il est déconseillé d'utiliser ces deux directives ensemble sur un même élément - voir le [guide du rendu de liste](https://fr.vuejs.org/guide/essentials/list.html#v-for-with-v-if) pour plus de détails.\n\n- **Voir aussi** [Rendu conditionnel - v-if](https://fr.vuejs.org/guide/essentials/conditional.html#v-if)"
690
107
  },
691
- "references": [
692
- {
693
- "name": "en",
694
- "url": "https://vuejs.org/api/built-in-directives.html#v-if"
695
- },
696
- {
697
- "name": "zh-cn",
698
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-if"
699
- },
700
- {
701
- "name": "zh-hk",
702
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-if"
703
- },
704
- {
705
- "name": "ja",
706
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-if"
707
- },
708
- {
709
- "name": "ua",
710
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-if"
711
- },
712
- {
713
- "name": "fr",
714
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-if"
715
- },
716
- {
717
- "name": "ko",
718
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-if"
719
- },
720
- {
721
- "name": "pt",
722
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-if"
723
- },
724
- {
725
- "name": "bn",
726
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-if"
727
- },
728
- {
729
- "name": "it",
730
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-if"
731
- },
732
- {
733
- "name": "cs",
734
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-if"
735
- },
736
- {
737
- "name": "ru",
738
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-if"
739
- },
740
- {
741
- "name": "fa",
742
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-if"
743
- }
744
- ]
108
+ "references": "api/built-in-directives.html#v-if"
745
109
  },
746
110
  {
747
111
  "name": "v-else",
748
112
  "valueSet": "v",
749
113
  "description": {
750
114
  "kind": "markdown",
751
- "value": "\nReprésente le bloc \"else\" pour `v-if` ou une chaîne `v-if` / `v-else-if`.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n - Restriction : l'élément frère précédent doit posséder `v-if` ou `v-else-if`.\n\n - Peut être utilisée sur `<template>` pour désigner un bloc conditionnel contenant uniquement du texte ou plusieurs éléments.\n\n- **Exemple**\n\n ```html\n <div v-if=\"Math.random() > 0.5\">\n Now you see me\n </div>\n <div v-else>\n Now you don't\n </div>\n ```\n\n- **Voir aussi** [Rendu conditionnel - v-else](https://fr.vuejs.org/guide/essentials/conditional.html#v-else)\n"
115
+ "value": "Représente le bloc \"else\" pour `v-if` ou une chaîne `v-if` / `v-else-if`.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n - Restriction : l'élément frère précédent doit posséder `v-if` ou `v-else-if`.\n\n - Peut être utilisée sur `<template>` pour désigner un bloc conditionnel contenant uniquement du texte ou plusieurs éléments.\n\n- **Exemple**\n\n ```html\n <div v-if=\"Math.random() > 0.5\">\n Now you see me\n </div>\n <div v-else>\n Now you don't\n </div>\n ```\n\n- **Voir aussi** [Rendu conditionnel - v-else](https://fr.vuejs.org/guide/essentials/conditional.html#v-else)"
752
116
  },
753
- "references": [
754
- {
755
- "name": "en",
756
- "url": "https://vuejs.org/api/built-in-directives.html#v-else"
757
- },
758
- {
759
- "name": "zh-cn",
760
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-else"
761
- },
762
- {
763
- "name": "zh-hk",
764
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-else"
765
- },
766
- {
767
- "name": "ja",
768
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-else"
769
- },
770
- {
771
- "name": "ua",
772
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-else"
773
- },
774
- {
775
- "name": "fr",
776
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-else"
777
- },
778
- {
779
- "name": "ko",
780
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else"
781
- },
782
- {
783
- "name": "pt",
784
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else"
785
- },
786
- {
787
- "name": "bn",
788
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-else"
789
- },
790
- {
791
- "name": "it",
792
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-else"
793
- },
794
- {
795
- "name": "cs",
796
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-else"
797
- },
798
- {
799
- "name": "ru",
800
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-else"
801
- },
802
- {
803
- "name": "fa",
804
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-else"
805
- }
806
- ]
117
+ "references": "api/built-in-directives.html#v-else"
807
118
  },
808
119
  {
809
120
  "name": "v-else-if",
810
121
  "description": {
811
122
  "kind": "markdown",
812
- "value": "\nDésigne le bloc \"else if\" pour `v-if`. Peut être chaîné.\n\n- **Attendu :** `any`\n\n- **Détails**\n\n - Restriction : l'élément frère précédent doit avoir `v-if` ou `v-else-if`.\n\n - Peut être utilisé sur `<template>` pour désigner un bloc conditionnel contenant uniquement du texte ou plusieurs éléments.\n\n- **Exemple**\n\n ```html\n <div v-if=\"type === 'A'\">\n A\n </div>\n <div v-else-if=\"type === 'B'\">\n B\n </div>\n <div v-else-if=\"type === 'C'\">\n C\n </div>\n <div v-else>\n Not A/B/C\n </div>\n ```\n\n- **Voir aussi** [Rendu conditionnel - v-else-if](https://fr.vuejs.org/guide/essentials/conditional.html#v-else-if)\n"
123
+ "value": "Désigne le bloc \"else if\" pour `v-if`. Peut être chaîné.\n\n- **Attendu :** `any`\n\n- **Détails**\n\n - Restriction : l'élément frère précédent doit avoir `v-if` ou `v-else-if`.\n\n - Peut être utilisé sur `<template>` pour désigner un bloc conditionnel contenant uniquement du texte ou plusieurs éléments.\n\n- **Exemple**\n\n ```html\n <div v-if=\"type === 'A'\">\n A\n </div>\n <div v-else-if=\"type === 'B'\">\n B\n </div>\n <div v-else-if=\"type === 'C'\">\n C\n </div>\n <div v-else>\n Not A/B/C\n </div>\n ```\n\n- **Voir aussi** [Rendu conditionnel - v-else-if](https://fr.vuejs.org/guide/essentials/conditional.html#v-else-if)"
813
124
  },
814
- "references": [
815
- {
816
- "name": "en",
817
- "url": "https://vuejs.org/api/built-in-directives.html#v-else-if"
818
- },
819
- {
820
- "name": "zh-cn",
821
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-else-if"
822
- },
823
- {
824
- "name": "zh-hk",
825
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-else-if"
826
- },
827
- {
828
- "name": "ja",
829
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-else-if"
830
- },
831
- {
832
- "name": "ua",
833
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-else-if"
834
- },
835
- {
836
- "name": "fr",
837
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-else-if"
838
- },
839
- {
840
- "name": "ko",
841
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-else-if"
842
- },
843
- {
844
- "name": "pt",
845
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-else-if"
846
- },
847
- {
848
- "name": "bn",
849
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-else-if"
850
- },
851
- {
852
- "name": "it",
853
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-else-if"
854
- },
855
- {
856
- "name": "cs",
857
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-else-if"
858
- },
859
- {
860
- "name": "ru",
861
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-else-if"
862
- },
863
- {
864
- "name": "fa",
865
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-else-if"
866
- }
867
- ]
125
+ "references": "api/built-in-directives.html#v-else-if"
868
126
  },
869
127
  {
870
128
  "name": "v-for",
871
129
  "description": {
872
130
  "kind": "markdown",
873
- "value": "\nRend l'élément ou le bloc d'un template plusieurs fois en fonction des données sources.\n\n- **Attendu :** `Array | Object | number | string | Iterable`\n\n- **Détails**\n\n La valeur de la directive doit utiliser la syntaxe spéciale `alias in expression` pour fournir un alias pour l'élément courant sur lequel on itère :\n\n ```html\n <div v-for=\"item in items\">\n {{ item.text }}\n </div>\n ```\n\n De manière alternative, vous pouvez également spécifier un alias pour l'index (ou la clé si elle est utilisée sur un objet) :\n\n ```html\n <div v-for=\"(item, index) in items\"></div>\n <div v-for=\"(value, key) in object\"></div>\n <div v-for=\"(value, name, index) in object\"></div>\n ```\n\n Le comportement par défaut de `v-for` essaiera de corriger les éléments en place sans les déplacer. Pour forcer la réorganisation des éléments, vous devez fournir un indice d'ordre avec l'attribut spécial `key` :\n\n ```html\n <div v-for=\"item in items\" :key=\"item.id\">\n {{ item.text }}\n </div>\n ```\n\n `v-for` peut également fonctionner sur les valeurs qui implémentent le [protocole d'itération](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol), y compris les `Map` et `Set` natifs.\n\n- **Voir aussi**\n - [Rendu de liste](https://fr.vuejs.org/guide/essentials/list.html)\n"
131
+ "value": "Rend l'élément ou le bloc d'un template plusieurs fois en fonction des données sources.\n\n- **Attendu :** `Array | Object | number | string | Iterable`\n\n- **Détails**\n\n La valeur de la directive doit utiliser la syntaxe spéciale `alias in expression` pour fournir un alias pour l'élément courant sur lequel on itère :\n\n ```html\n <div v-for=\"item in items\">\n {{ item.text }}\n </div>\n ```\n\n De manière alternative, vous pouvez également spécifier un alias pour l'index (ou la clé si elle est utilisée sur un objet) :\n\n ```html\n <div v-for=\"(item, index) in items\"></div>\n <div v-for=\"(value, key) in object\"></div>\n <div v-for=\"(value, name, index) in object\"></div>\n ```\n\n Le comportement par défaut de `v-for` essaiera de corriger les éléments en place sans les déplacer. Pour forcer la réorganisation des éléments, vous devez fournir un indice d'ordre avec l'attribut spécial `key` :\n\n ```html\n <div v-for=\"item in items\" :key=\"item.id\">\n {{ item.text }}\n </div>\n ```\n\n `v-for` peut également fonctionner sur les valeurs qui implémentent le [protocole d'itération](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol), y compris les `Map` et `Set` natifs.\n\n- **Voir aussi**\n - [Rendu de liste](https://fr.vuejs.org/guide/essentials/list.html)"
874
132
  },
875
- "references": [
876
- {
877
- "name": "en",
878
- "url": "https://vuejs.org/api/built-in-directives.html#v-for"
879
- },
880
- {
881
- "name": "zh-cn",
882
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-for"
883
- },
884
- {
885
- "name": "zh-hk",
886
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-for"
887
- },
888
- {
889
- "name": "ja",
890
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-for"
891
- },
892
- {
893
- "name": "ua",
894
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-for"
895
- },
896
- {
897
- "name": "fr",
898
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-for"
899
- },
900
- {
901
- "name": "ko",
902
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-for"
903
- },
904
- {
905
- "name": "pt",
906
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-for"
907
- },
908
- {
909
- "name": "bn",
910
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-for"
911
- },
912
- {
913
- "name": "it",
914
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-for"
915
- },
916
- {
917
- "name": "cs",
918
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-for"
919
- },
920
- {
921
- "name": "ru",
922
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-for"
923
- },
924
- {
925
- "name": "fa",
926
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-for"
927
- }
928
- ]
133
+ "references": "api/built-in-directives.html#v-for"
929
134
  },
930
135
  {
931
136
  "name": "v-on",
932
137
  "description": {
933
138
  "kind": "markdown",
934
- "value": "\nAttache un écouteur d'événements à l'élément.\n\n- **Raccourci :** `@`\n\n- **Attendu :** `Function | Inline Statement | Object (sans argument)`\n\n- **Argument :** `event` (optionnel lors de l'utilisation de la syntaxe objet)\n\n- **Modificateurs**\n\n - `.stop` - appelle `event.stopPropagation()`.\n - `.prevent` - appelle `event.preventDefault()`.\n - `.capture` - ajoute un écouteur d'événements en mode capture.\n - `.self` - ne déclenche le gestionnaire que si l'événement a été envoyé par cet élément.\n - `.{keyAlias}` - ne déclenche le gestionnaire que sur certaines clés.\n - `.once` - déclenche le gestionnaire au moins une fois.\n - `.left` - ne déclenche le gestionnaire que pour les événements liés au bouton gauche de la souris.\n - `.right` - ne déclenche le gestionnaire que pour les événements liés au bouton droit de la souris.\n - `.middle` - ne déclenche le gestionnaire que pour les événements liés au bouton du milieu de la souris.\n - `.passive` - attache un événement DOM avec `{ passive : true }`.\n\n- **Détails**\n\n Le type d'événement est indiqué par l'argument. L'expression peut être un nom de méthode, une déclaration littérale, ou omise si des modificateurs sont présents.\n\n Lorsqu'elle est utilisée sur un élément normal, elle écoute uniquement les [**événements natifs du DOM**](https://developer.mozilla.org/fr/docs/Web/Events). Lorsqu'elle est utilisée sur un composant d'éléments personnalisés, elle écoute les **événements personnalisés** émis sur ce composant enfant.\n\n Lorsqu'elle écoute les événements natifs du DOM, la méthode reçoit l'événement natif comme seul argument. Si vous utilisez une déclaration en ligne, la déclaration a accès à la propriété spéciale `$event` : `v-on:click=\"handle('ok', $event)\"`.\n\n `v-on` supporte également la liaison à un objet de paires événement / écouteur sans argument. Notez que lorsque vous utilisez la syntaxe objet, elle ne supporte aucun modificateur.\n\n- **Exemple**\n\n ```html\n <!-- méthode gestionnaire -->\n <button v-on:click=\"doThis\"></button>\n\n <!-- événement dynamique -->\n <button v-on:[event]=\"doThis\"></button>\n\n <!-- expression littérale -->\n <button v-on:click=\"doThat('hello', $event)\"></button>\n\n <!-- raccourci -->\n <button @click=\"doThis\"></button>\n\n <!-- raccourci d'un événement dynamique -->\n <button @[event]=\"doThis\"></button>\n\n <!-- arrête la propagation -->\n <button @click.stop=\"doThis\"></button>\n\n <!-- empêche le comportement par défaut -->\n <button @click.prevent=\"doThis\"></button>\n\n <!-- empêche le comportement par défaut sans expression -->\n <form @submit.prevent></form>\n\n <!-- modificateurs enchaînés -->\n <button @click.stop.prevent=\"doThis\"></button>\n\n <!-- modificateur de clé en utilisant keyAlias -->\n <input @keyup.enter=\"onEnter\" />\n\n <!-- l'événement de clic sera déclenché seulement une fois -->\n <button v-on:click.once=\"doThis\"></button>\n\n <!-- syntaxe objet -->\n <button v-on=\"{ mousedown: doThis, mouseup: doThat }\"></button>\n ```\n\n Écoute des événements personnalisés sur un composant enfant (le gestionnaire est appelé lorsque \"my-event\" est émis sur l'enfant) :\n\n ```html\n <MyComponent @my-event=\"handleThis\" />\n\n <!-- expression en ligne -->\n <MyComponent @my-event=\"handleThis(123, $event)\" />\n ```\n\n- **Voir aussi**\n - [Gestion d'événement](https://fr.vuejs.org/guide/essentials/event-handling.html)\n - [Composants - Événements personnalisés](https://fr.vuejs.org/guide/essentials/component-basics.html#listening-to-events)\n"
139
+ "value": "Attache un écouteur d'événements à l'élément.\n\n- **Raccourci :** `@`\n\n- **Attendu :** `Function | Inline Statement | Object (sans argument)`\n\n- **Argument :** `event` (optionnel lors de l'utilisation de la syntaxe objet)\n\n- **Modificateurs**\n\n - `.stop` - appelle `event.stopPropagation()`.\n - `.prevent` - appelle `event.preventDefault()`.\n - `.capture` - ajoute un écouteur d'événements en mode capture.\n - `.self` - ne déclenche le gestionnaire que si l'événement a été envoyé par cet élément.\n - `.{keyAlias}` - ne déclenche le gestionnaire que sur certaines clés.\n - `.once` - déclenche le gestionnaire au moins une fois.\n - `.left` - ne déclenche le gestionnaire que pour les événements liés au bouton gauche de la souris.\n - `.right` - ne déclenche le gestionnaire que pour les événements liés au bouton droit de la souris.\n - `.middle` - ne déclenche le gestionnaire que pour les événements liés au bouton du milieu de la souris.\n - `.passive` - attache un événement DOM avec `{ passive : true }`.\n\n- **Détails**\n\n Le type d'événement est indiqué par l'argument. L'expression peut être un nom de méthode, une déclaration littérale, ou omise si des modificateurs sont présents.\n\n Lorsqu'elle est utilisée sur un élément normal, elle écoute uniquement les [**événements natifs du DOM**](https://developer.mozilla.org/fr/docs/Web/Events). Lorsqu'elle est utilisée sur un composant d'éléments personnalisés, elle écoute les **événements personnalisés** émis sur ce composant enfant.\n\n Lorsqu'elle écoute les événements natifs du DOM, la méthode reçoit l'événement natif comme seul argument. Si vous utilisez une déclaration en ligne, la déclaration a accès à la propriété spéciale `$event` : `v-on:click=\"handle('ok', $event)\"`.\n\n `v-on` supporte également la liaison à un objet de paires événement / écouteur sans argument. Notez que lorsque vous utilisez la syntaxe objet, elle ne supporte aucun modificateur.\n\n- **Exemple**\n\n ```html\n <!-- méthode gestionnaire -->\n <button v-on:click=\"doThis\"></button>\n\n <!-- événement dynamique -->\n <button v-on:[event]=\"doThis\"></button>\n\n <!-- expression littérale -->\n <button v-on:click=\"doThat('hello', $event)\"></button>\n\n <!-- raccourci -->\n <button @click=\"doThis\"></button>\n\n <!-- raccourci d'un événement dynamique -->\n <button @[event]=\"doThis\"></button>\n\n <!-- arrête la propagation -->\n <button @click.stop=\"doThis\"></button>\n\n <!-- empêche le comportement par défaut -->\n <button @click.prevent=\"doThis\"></button>\n\n <!-- empêche le comportement par défaut sans expression -->\n <form @submit.prevent></form>\n\n <!-- modificateurs enchaînés -->\n <button @click.stop.prevent=\"doThis\"></button>\n\n <!-- modificateur de clé en utilisant keyAlias -->\n <input @keyup.enter=\"onEnter\" />\n\n <!-- l'événement de clic sera déclenché seulement une fois -->\n <button v-on:click.once=\"doThis\"></button>\n\n <!-- syntaxe objet -->\n <button v-on=\"{ mousedown: doThis, mouseup: doThat }\"></button>\n ```\n\n Écoute des événements personnalisés sur un composant enfant (le gestionnaire est appelé lorsque \"my-event\" est émis sur l'enfant) :\n\n ```html\n <MyComponent @my-event=\"handleThis\" />\n\n <!-- expression en ligne -->\n <MyComponent @my-event=\"handleThis(123, $event)\" />\n ```\n\n- **Voir aussi**\n - [Gestion d'événement](https://fr.vuejs.org/guide/essentials/event-handling.html)\n - [Composants - Événements personnalisés](https://fr.vuejs.org/guide/essentials/component-basics.html#listening-to-events)"
935
140
  },
936
- "references": [
937
- {
938
- "name": "en",
939
- "url": "https://vuejs.org/api/built-in-directives.html#v-on"
940
- },
941
- {
942
- "name": "zh-cn",
943
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-on"
944
- },
945
- {
946
- "name": "zh-hk",
947
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-on"
948
- },
949
- {
950
- "name": "ja",
951
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-on"
952
- },
953
- {
954
- "name": "ua",
955
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-on"
956
- },
957
- {
958
- "name": "fr",
959
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-on"
960
- },
961
- {
962
- "name": "ko",
963
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-on"
964
- },
965
- {
966
- "name": "pt",
967
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-on"
968
- },
969
- {
970
- "name": "bn",
971
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-on"
972
- },
973
- {
974
- "name": "it",
975
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-on"
976
- },
977
- {
978
- "name": "cs",
979
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-on"
980
- },
981
- {
982
- "name": "ru",
983
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-on"
984
- },
985
- {
986
- "name": "fa",
987
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-on"
988
- }
989
- ]
141
+ "references": "api/built-in-directives.html#v-on"
990
142
  },
991
143
  {
992
144
  "name": "v-bind",
993
145
  "description": {
994
146
  "kind": "markdown",
995
- "value": "\nLie dynamiquement un ou plusieurs attributs, ou une prop d'un composant à une expression.\n\n- **Raccourci :**\n - `:` ou `.` (lorsqu'on utilise le modificateur `.prop`)\n - En omettant la valeur (lorsque l'attribut et la valeur liée portent le même nom) <sup class=\"vt-badge\">3.4+</sup>\n\n- **Attendu :** `any (avec argument) | Object (sans argument)`\n\n- **Argument :** `attrOrProp (optionnel)`\n\n- **Modificateurs**\n\n - `.camel` - transforme le nom de l'attribut kebab-case en camelCase.\n - `.prop` - force une liaison à être définie comme une propriété du DOM. <sup class=\"vt-badge\">3.2+</sup>\n - `.attr` - force une liaison à être définie comme un attribut du DOM. <sup class=\"vt-badge\">3.2+</sup>\n\n- **Utilisation :**\n\n Lorsqu'elle est utilisée pour lier l'attribut `class` ou `style`, `v-bind` supporte des types de valeurs supplémentaires comme Array ou Objects. Voir la section du guide lié ci-dessous pour plus de détails.\n\n Lors de la mise en place d'une liaison sur un élément, Vue va vérifier par défaut si l'élément a la clé définie comme une propriété en faisant une vérification de l'opérateur `in`. Si la propriété est définie, Vue définira la valeur comme une propriété du DOM au lieu d'un attribut. Cela devrait fonctionner dans la plupart des cas, mais vous pouvez outrepasser ce comportement en utilisant explicitement les modificateurs `.prop` ou `.attr`. Cela est parfois nécessaire, notamment lorsque vous [travaillez avec des éléments personnalisés](https://fr.vuejs.org/guide/extras/web-components.html#passing-dom-properties).\n\n Lorsqu'elle est utilisée pour lier les props du composant, la prop doit être correctement déclarée dans le composant enfant.\n\n Lorsqu'elle est utilisée sans argument, elle peut être utilisée pour lier un objet contenant des paires nom-valeur d'attributs.\n\n- **Exemple**\n\n ```html\n <!-- lie un attribut -->\n <img v-bind:src=\"imageSrc\" />\n\n <!-- nom d'attribut dynamique -->\n <button v-bind:[key]=\"value\"></button>\n\n <!-- raccourci -->\n <img :src=\"imageSrc\" />\n\n <!-- raccourci même nom (3.4+), se transforme en :src=\"src\" -->\n <img :src />\n\n <!-- raccourci d'un nom d'attribut dynamique -->\n <button :[key]=\"value\"></button>\n\n <!-- avec une concaténation de chaînes de caractères en ligne -->\n <img :src=\"'/path/to/images/' + fileName\" />\n\n <!-- liaison de classe -->\n <div :class=\"{ red: isRed }\"></div>\n <div :class=\"[classA, classB]\"></div>\n <div :class=\"[classA, { classB: isB, classC: isC }]\"></div>\n\n <!-- liaison de style -->\n <div :style=\"{ fontSize: size + 'px' }\"></div>\n <div :style=\"[styleObjectA, styleObjectB]\"></div>\n\n <!-- liaison d'un objet d'attributs -->\n <div v-bind=\"{ id: someProp, 'other-attr': otherProp }\"></div>\n\n <!-- liaison de prop. \"prop\" doit être déclaré dans le composant enfant. -->\n <MyComponent :prop=\"someThing\" />\n\n <!-- transmet les props du parent en commun avec un composant enfant -->\n <MyComponent v-bind=\"$props\" />\n\n <!-- XLink -->\n <svg><a :xlink:special=\"foo\"></a></svg>\n ```\n\n Le modificateur `.prop` a également un raccourci dédié, `.` :\n\n ```html\n <div :someProperty.prop=\"someObject\"></div>\n\n <!-- équivalent à -->\n <div .someProperty=\"someObject\"></div>\n ```\n\n Le modificateur `.camel` permet de formatter un nom d'attribut `v-bind` en camelCase lors de l'utilisation de templates à l'intérieur du DOM, par exemple l'attribut SVG `viewBox` :\n\n ```html\n <svg :view-box.camel=\"viewBox\"></svg>\n ```\n\n `.camel` n'est pas nécessaire si vous utilisez des templates en chaînes de caractères, ou si vous pré-compilez le template avec un outil de build.\n\n- **Voir aussi**\n - [Liaison de classes et de styles](https://fr.vuejs.org/guide/essentials/class-and-style.html)\n - [Composant - Détails sur le passage de props](https://fr.vuejs.org/guide/components/props.html#prop-passing-details)\n"
147
+ "value": "Lie dynamiquement un ou plusieurs attributs, ou une prop d'un composant à une expression.\n\n- **Raccourci :**\n - `:` ou `.` (lorsqu'on utilise le modificateur `.prop`)\n - En omettant la valeur (lorsque l'attribut et la valeur liée portent le même nom, requière 3.4+)\n\n- **Attendu :** `any (avec argument) | Object (sans argument)`\n\n- **Argument :** `attrOrProp (optionnel)`\n\n- **Modificateurs**\n\n - `.camel` - transforme le nom de l'attribut kebab-case en camelCase.\n - `.prop` - force une liaison à être définie comme une propriété du DOM (3.2+).\n - `.attr` - force une liaison à être définie comme un attribut du DOM (3.2+).\n\n- **Utilisation :**\n\n Lorsqu'elle est utilisée pour lier l'attribut `class` ou `style`, `v-bind` supporte des types de valeurs supplémentaires comme Array ou Objects. Voir la section du guide lié ci-dessous pour plus de détails.\n\n Lors de la mise en place d'une liaison sur un élément, Vue va vérifier par défaut si l'élément a la clé définie comme une propriété en faisant une vérification de l'opérateur `in`. Si la propriété est définie, Vue définira la valeur comme une propriété du DOM au lieu d'un attribut. Cela devrait fonctionner dans la plupart des cas, mais vous pouvez outrepasser ce comportement en utilisant explicitement les modificateurs `.prop` ou `.attr`. Cela est parfois nécessaire, notamment lorsque vous [travaillez avec des éléments personnalisés](https://fr.vuejs.org/guide/extras/web-components.html#passing-dom-properties).\n\n Lorsqu'elle est utilisée pour lier les props du composant, la prop doit être correctement déclarée dans le composant enfant.\n\n Lorsqu'elle est utilisée sans argument, elle peut être utilisée pour lier un objet contenant des paires nom-valeur d'attributs.\n\n- **Exemple**\n\n ```html\n <!-- lie un attribut -->\n <img v-bind:src=\"imageSrc\" />\n\n <!-- nom d'attribut dynamique -->\n <button v-bind:[key]=\"value\"></button>\n\n <!-- raccourci -->\n <img :src=\"imageSrc\" />\n\n <!-- raccourci même nom (3.4+), se transforme en :src=\"src\" -->\n <img :src />\n\n <!-- raccourci d'un nom d'attribut dynamique -->\n <button :[key]=\"value\"></button>\n\n <!-- avec une concaténation de chaînes de caractères en ligne -->\n <img :src=\"'/path/to/images/' + fileName\" />\n\n <!-- liaison de classe -->\n <div :class=\"{ red: isRed }\"></div>\n <div :class=\"[classA, classB]\"></div>\n <div :class=\"[classA, { classB: isB, classC: isC }]\"></div>\n\n <!-- liaison de style -->\n <div :style=\"{ fontSize: size + 'px' }\"></div>\n <div :style=\"[styleObjectA, styleObjectB]\"></div>\n\n <!-- liaison d'un objet d'attributs -->\n <div v-bind=\"{ id: someProp, 'other-attr': otherProp }\"></div>\n\n <!-- liaison de prop. \"prop\" doit être déclaré dans le composant enfant. -->\n <MyComponent :prop=\"someThing\" />\n\n <!-- transmet les props du parent en commun avec un composant enfant -->\n <MyComponent v-bind=\"$props\" />\n\n <!-- XLink -->\n <svg><a :xlink:special=\"foo\"></a></svg>\n ```\n\n Le modificateur `.prop` a également un raccourci dédié, `.` :\n\n ```html\n <div :someProperty.prop=\"someObject\"></div>\n\n <!-- équivalent à -->\n <div .someProperty=\"someObject\"></div>\n ```\n\n Le modificateur `.camel` permet de formatter un nom d'attribut `v-bind` en camelCase lors de l'utilisation de templates à l'intérieur du DOM, par exemple l'attribut SVG `viewBox` :\n\n ```html\n <svg :view-box.camel=\"viewBox\"></svg>\n ```\n\n `.camel` n'est pas nécessaire si vous utilisez des templates en chaînes de caractères, ou si vous pré-compilez le template avec un outil de build.\n\n- **Voir aussi**\n - [Liaison de classes et de styles](https://fr.vuejs.org/guide/essentials/class-and-style.html)\n - [Composant - Détails sur le passage de props](https://fr.vuejs.org/guide/components/props.html#prop-passing-details)"
996
148
  },
997
- "references": [
998
- {
999
- "name": "en",
1000
- "url": "https://vuejs.org/api/built-in-directives.html#v-bind"
1001
- },
1002
- {
1003
- "name": "zh-cn",
1004
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-bind"
1005
- },
1006
- {
1007
- "name": "zh-hk",
1008
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-bind"
1009
- },
1010
- {
1011
- "name": "ja",
1012
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-bind"
1013
- },
1014
- {
1015
- "name": "ua",
1016
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-bind"
1017
- },
1018
- {
1019
- "name": "fr",
1020
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-bind"
1021
- },
1022
- {
1023
- "name": "ko",
1024
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-bind"
1025
- },
1026
- {
1027
- "name": "pt",
1028
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-bind"
1029
- },
1030
- {
1031
- "name": "bn",
1032
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-bind"
1033
- },
1034
- {
1035
- "name": "it",
1036
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-bind"
1037
- },
1038
- {
1039
- "name": "cs",
1040
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-bind"
1041
- },
1042
- {
1043
- "name": "ru",
1044
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-bind"
1045
- },
1046
- {
1047
- "name": "fa",
1048
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-bind"
1049
- }
1050
- ]
149
+ "references": "api/built-in-directives.html#v-bind"
1051
150
  },
1052
151
  {
1053
152
  "name": "v-model",
1054
153
  "description": {
1055
154
  "kind": "markdown",
1056
- "value": "\nCrée une liaison bidirectionnelle sur un élément de saisie de formulaire ou un composant.\n\n- **Attendu :** varie en fonction de la valeur de l'élément d'entrée du formulaire ou de la sortie des composants\n\n- **Limitée à :**\n\n - `<input>`\n - `<select>`\n - `<textarea>`\n - composants\n\n- **Modificateurs**\n\n - [`.lazy`](https://fr.vuejs.org/guide/essentials/forms.html#lazy) - écoute les événements `change` au lieu de `input`.\n - [`.number`](https://fr.vuejs.org/guide/essentials/forms.html#number) - convertit une entrée valide en chaînes de caractères en nombres\n - [`.trim`](https://fr.vuejs.org/guide/essentials/forms.html#trim) - élague l'entrée\n\n- **Voir aussi**\n\n - [Liaisons des entrées d'un formulaire](https://fr.vuejs.org/guide/essentials/forms.html)\n - [Événements du composant - Utilisation avec `v-model`](https://fr.vuejs.org/guide/components/v-model.html)\n"
155
+ "value": "Crée une liaison bidirectionnelle sur un élément de saisie de formulaire ou un composant.\n\n- **Attendu :** varie en fonction de la valeur de l'élément d'entrée du formulaire ou de la sortie des composants\n\n- **Limitée à :**\n\n - `<input>`\n - `<select>`\n - `<textarea>`\n - composants\n\n- **Modificateurs**\n\n - [`.lazy`](https://fr.vuejs.org/guide/essentials/forms.html#lazy) - écoute les événements `change` au lieu de `input`.\n - [`.number`](https://fr.vuejs.org/guide/essentials/forms.html#number) - convertit une entrée valide en chaînes de caractères en nombres\n - [`.trim`](https://fr.vuejs.org/guide/essentials/forms.html#trim) - élague l'entrée\n\n- **Voir aussi**\n\n - [Liaisons des entrées d'un formulaire](https://fr.vuejs.org/guide/essentials/forms.html)\n - [Événements du composant - Utilisation avec `v-model`](https://fr.vuejs.org/guide/components/v-model.html)"
1057
156
  },
1058
- "references": [
1059
- {
1060
- "name": "en",
1061
- "url": "https://vuejs.org/api/built-in-directives.html#v-model"
1062
- },
1063
- {
1064
- "name": "zh-cn",
1065
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-model"
1066
- },
1067
- {
1068
- "name": "zh-hk",
1069
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-model"
1070
- },
1071
- {
1072
- "name": "ja",
1073
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-model"
1074
- },
1075
- {
1076
- "name": "ua",
1077
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-model"
1078
- },
1079
- {
1080
- "name": "fr",
1081
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-model"
1082
- },
1083
- {
1084
- "name": "ko",
1085
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-model"
1086
- },
1087
- {
1088
- "name": "pt",
1089
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-model"
1090
- },
1091
- {
1092
- "name": "bn",
1093
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-model"
1094
- },
1095
- {
1096
- "name": "it",
1097
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-model"
1098
- },
1099
- {
1100
- "name": "cs",
1101
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-model"
1102
- },
1103
- {
1104
- "name": "ru",
1105
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-model"
1106
- },
1107
- {
1108
- "name": "fa",
1109
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-model"
1110
- }
1111
- ]
157
+ "references": "api/built-in-directives.html#v-model"
1112
158
  },
1113
159
  {
1114
160
  "name": "v-slot",
1115
161
  "description": {
1116
162
  "kind": "markdown",
1117
- "value": "\nDésigne les slots nommés ou les slots scopés qui s'attendent à recevoir des props.\n\n- **Raccourci :** `#`\n\n- **Attendu :** Une expression JavaScript valide en tant qu'argument de fonction, y compris concernant la déstructuration. Facultatif - uniquement nécessaire si l'on s'attend à ce que des props soient passés au slot.\n\n- **Argument :** nom du slot (facultatif, la valeur par défaut est `default`)\n\n- **Limitée à :**\n\n - `<template>`\n - [composants](https://fr.vuejs.org/guide/components/slots.html#scoped-slots) (pour un seul slot par défaut avec des props)\n\n- **Exemple**\n\n ```html\n <!-- Slots nommés -->\n <BaseLayout>\n <template v-slot:header>\n Header content\n </template>\n\n <template v-slot:default>\n Default slot content\n </template>\n\n <template v-slot:footer>\n Footer content\n </template>\n </BaseLayout>\n\n <!-- Slot nommé recevant des props -->\n <InfiniteScroll>\n <template v-slot:item=\"slotProps\">\n <div class=\"item\">\n {{ slotProps.item.text }}\n </div>\n </template>\n </InfiniteScroll>\n\n <!-- Slot par défaut recevant des props, via la déstructuration -->\n <Mouse v-slot=\"{ x, y }\">\n Mouse position: {{ x }}, {{ y }}\n </Mouse>\n ```\n\n- **Voir aussi**\n - [Composants - Slots](https://fr.vuejs.org/guide/components/slots.html)\n"
163
+ "value": "Désigne les slots nommés ou les slots scopés qui s'attendent à recevoir des props.\n\n- **Raccourci :** `#`\n\n- **Attendu :** Une expression JavaScript valide en tant qu'argument de fonction, y compris concernant la déstructuration. Facultatif - uniquement nécessaire si l'on s'attend à ce que des props soient passés au slot.\n\n- **Argument :** nom du slot (facultatif, la valeur par défaut est `default`)\n\n- **Limitée à :**\n\n - `<template>`\n - [composants](https://fr.vuejs.org/guide/components/slots.html#scoped-slots) (pour un seul slot par défaut avec des props)\n\n- **Exemple**\n\n ```html\n <!-- Slots nommés -->\n <BaseLayout>\n <template v-slot:header>\n Header content\n </template>\n\n <template v-slot:default>\n Default slot content\n </template>\n\n <template v-slot:footer>\n Footer content\n </template>\n </BaseLayout>\n\n <!-- Slot nommé recevant des props -->\n <InfiniteScroll>\n <template v-slot:item=\"slotProps\">\n <div class=\"item\">\n {{ slotProps.item.text }}\n </div>\n </template>\n </InfiniteScroll>\n\n <!-- Slot par défaut recevant des props, via la déstructuration -->\n <Mouse v-slot=\"{ x, y }\">\n Mouse position: {{ x }}, {{ y }}\n </Mouse>\n ```\n\n- **Voir aussi**\n - [Composants - Slots](https://fr.vuejs.org/guide/components/slots.html)"
1118
164
  },
1119
- "references": [
1120
- {
1121
- "name": "en",
1122
- "url": "https://vuejs.org/api/built-in-directives.html#v-slot"
1123
- },
1124
- {
1125
- "name": "zh-cn",
1126
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-slot"
1127
- },
1128
- {
1129
- "name": "zh-hk",
1130
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-slot"
1131
- },
1132
- {
1133
- "name": "ja",
1134
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-slot"
1135
- },
1136
- {
1137
- "name": "ua",
1138
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-slot"
1139
- },
1140
- {
1141
- "name": "fr",
1142
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-slot"
1143
- },
1144
- {
1145
- "name": "ko",
1146
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-slot"
1147
- },
1148
- {
1149
- "name": "pt",
1150
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-slot"
1151
- },
1152
- {
1153
- "name": "bn",
1154
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-slot"
1155
- },
1156
- {
1157
- "name": "it",
1158
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-slot"
1159
- },
1160
- {
1161
- "name": "cs",
1162
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-slot"
1163
- },
1164
- {
1165
- "name": "ru",
1166
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-slot"
1167
- },
1168
- {
1169
- "name": "fa",
1170
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-slot"
1171
- }
1172
- ]
165
+ "references": "api/built-in-directives.html#v-slot"
1173
166
  },
1174
167
  {
1175
168
  "name": "v-pre",
1176
169
  "valueSet": "v",
1177
170
  "description": {
1178
171
  "kind": "markdown",
1179
- "value": "\nIgnore la compilation pour cet élément et tous ses enfants.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n À l'intérieur de l'élément contenant `v-pre`, toute la syntaxe du template Vue sera préservée et rendue telle quelle. Le cas d'utilisation le plus courant est l'affichage brut des balises moustaches.\n\n- **Exemple**\n\n ```html\n <span v-pre>{{ this will not be compiled }}</span>\n ```\n"
172
+ "value": "Ignore la compilation pour cet élément et tous ses enfants.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n À l'intérieur de l'élément contenant `v-pre`, toute la syntaxe du template Vue sera préservée et rendue telle quelle. Le cas d'utilisation le plus courant est l'affichage brut des balises moustaches.\n\n- **Exemple**\n\n ```html\n <span v-pre>{{ this will not be compiled }}</span>\n ```"
1180
173
  },
1181
- "references": [
1182
- {
1183
- "name": "en",
1184
- "url": "https://vuejs.org/api/built-in-directives.html#v-pre"
1185
- },
1186
- {
1187
- "name": "zh-cn",
1188
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-pre"
1189
- },
1190
- {
1191
- "name": "zh-hk",
1192
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-pre"
1193
- },
1194
- {
1195
- "name": "ja",
1196
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-pre"
1197
- },
1198
- {
1199
- "name": "ua",
1200
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-pre"
1201
- },
1202
- {
1203
- "name": "fr",
1204
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-pre"
1205
- },
1206
- {
1207
- "name": "ko",
1208
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-pre"
1209
- },
1210
- {
1211
- "name": "pt",
1212
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-pre"
1213
- },
1214
- {
1215
- "name": "bn",
1216
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-pre"
1217
- },
1218
- {
1219
- "name": "it",
1220
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-pre"
1221
- },
1222
- {
1223
- "name": "cs",
1224
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-pre"
1225
- },
1226
- {
1227
- "name": "ru",
1228
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-pre"
1229
- },
1230
- {
1231
- "name": "fa",
1232
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-pre"
1233
- }
1234
- ]
174
+ "references": "api/built-in-directives.html#v-pre"
1235
175
  },
1236
176
  {
1237
177
  "name": "v-once",
1238
178
  "valueSet": "v",
1239
179
  "description": {
1240
180
  "kind": "markdown",
1241
- "value": "\nRend l'élément et le composant une seule fois, et ignore les mises à jour futures.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n Lors des rendus suivants, 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 de mise à jour.\n\n ```html\n <!-- élément simple -->\n <span v-once>This will never change: {{msg}}</span>\n <!-- l'élément a des enfants -->\n <div v-once>\n <h1>Comment</h1>\n <p>{{msg}}</p>\n </div>\n <!-- composant -->\n <MyComponent v-once :comment=\"msg\"></MyComponent>\n <!-- directive `v-for` -->\n <ul>\n <li v-for=\"i in list\" v-once>{{i}}</li>\n </ul>\n ```\n\n Depuis la version 3.2, vous pouvez également mémoriser une partie du template avec des conditions d'invalidation en utilisant [`v-memo`](#v-memo).\n\n- **Voir aussi**\n - [Syntaxe de la liaison bidirectionnelle - interpolations](https://fr.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n - [v-memo](#v-memo)\n"
181
+ "value": "Rend l'élément et le composant une seule fois, et ignore les mises à jour futures.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n Lors des rendus suivants, 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 de mise à jour.\n\n ```html\n <!-- élément simple -->\n <span v-once>This will never change: {{msg}}</span>\n <!-- l'élément a des enfants -->\n <div v-once>\n <h1>Comment</h1>\n <p>{{msg}}</p>\n </div>\n <!-- composant -->\n <MyComponent v-once :comment=\"msg\"></MyComponent>\n <!-- directive `v-for` -->\n <ul>\n <li v-for=\"i in list\" v-once>{{i}}</li>\n </ul>\n ```\n\n Depuis la version 3.2, vous pouvez également mémoriser une partie du template avec des conditions d'invalidation en utilisant [`v-memo`](#v-memo).\n\n- **Voir aussi**\n - [Syntaxe de la liaison bidirectionnelle - interpolations](https://fr.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n - [v-memo](#v-memo)"
1242
182
  },
1243
- "references": [
1244
- {
1245
- "name": "en",
1246
- "url": "https://vuejs.org/api/built-in-directives.html#v-once"
1247
- },
1248
- {
1249
- "name": "zh-cn",
1250
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-once"
1251
- },
1252
- {
1253
- "name": "zh-hk",
1254
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-once"
1255
- },
1256
- {
1257
- "name": "ja",
1258
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-once"
1259
- },
1260
- {
1261
- "name": "ua",
1262
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-once"
1263
- },
1264
- {
1265
- "name": "fr",
1266
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-once"
1267
- },
1268
- {
1269
- "name": "ko",
1270
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-once"
1271
- },
1272
- {
1273
- "name": "pt",
1274
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-once"
1275
- },
1276
- {
1277
- "name": "bn",
1278
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-once"
1279
- },
1280
- {
1281
- "name": "it",
1282
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-once"
1283
- },
1284
- {
1285
- "name": "cs",
1286
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-once"
1287
- },
1288
- {
1289
- "name": "ru",
1290
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-once"
1291
- },
1292
- {
1293
- "name": "fa",
1294
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-once"
1295
- }
1296
- ]
183
+ "references": "api/built-in-directives.html#v-once"
1297
184
  },
1298
185
  {
1299
186
  "name": "v-memo",
1300
187
  "description": {
1301
188
  "kind": "markdown",
1302
- "value": "\n- **Attendu :** `any[]`\n\n- **Détails**\n\n Mémorise une sous-arborescence du template. Peut être utilisée à la fois sur les éléments et les composants. La directive attend un tableau de longueur connue composé de valeurs de dépendances à comparer pour la mémorisation. Si toutes les valeurs du tableau sont identiques à celles du dernier rendu, les mises à jour de l'ensemble du sous-arbre seront ignorées. Par exemple :\n\n ```html\n <div v-memo=\"[valueA, valueB]\">\n ...\n </div>\n ```\n\n Lors du rendu du composant, si `valueA` et `valueB` restent les mêmes, toutes les mises à jour de cette `<div>` et de ses enfants seront ignorées. En fait, même la création du VNode du DOM virtuel sera ignorée puisque la copie mémorisée de la sous-arborescence peut être réutilisée.\n\n Il est important de spécifier le tableau de mémorisation correctement, sinon nous pourrions sauter des mises à jour qui devraient normalement être appliquées. `v-memo` avec un tableau de dépendances vide (`v-memo=\"[]\"`) serait fonctionnellement équivalent à `v-once`.\n\n **Utilisation avec `v-for`**\n\n `v-memo` est fourni uniquement pour des micro-optimisations dans des scénarios de performances critiques et devrait être rarement utilisée. Le cas le plus courant où cela peut s'avérer utile est lors du rendu de grandes listes `v-for` (où `length > 1000`) :\n\n ```html\n <div v-for=\"item in list\" :key=\"item.id\" v-memo=\"[item.id === selected]\">\n <p>ID: {{ item.id }} - selected: {{ item.id === selected }}</p>\n <p>...more child nodes</p>\n </div>\n ```\n\n Lorsque l'état `selected` du composant change, une grande quantité de VNodes sera créée même si la plupart des éléments restent exactement les mêmes. L'utilisation de `v-memo` ici consiste essentiellement à dire \"met à jour cet élément seulement s'il est passé de non sélectionné à sélectionné, ou vice-versa\". Cela permet à chaque élément non affecté de réutiliser son précédent VNode et d'éviter de changer entièrement. Notez que nous n'avons pas besoin d'inclure `item.id` dans le tableau de dépendances des mémos ici puisque Vue le déduit automatiquement à partir de `:key`.\n\n :::warning\n Lorsque vous utilisez les directives `v-memo` avec `v-for`, assurez-vous qu'elles sont utilisées sur le même élément. **`v-memo` ne fonctionne pas à l'intérieur de `v-for`.**\n :::\n\n `v-memo` peut également être utilisée sur les composants pour empêcher manuellement les mises à jour non désirées dans certains cas limites où la vérification de la mise à jour du composant enfant n'est pas optimisée. Mais une fois de plus, il est de la responsabilité du développeur de spécifier des tableaux de dépendances corrects pour éviter d'ignorer des mises à jour nécessaires.\n\n- **Voir aussi**\n - [v-once](#v-once)\n"
189
+ "value": "- Supporté à partir de la version 3.2\n\n- **Attendu :** `any[]`\n\n- **Détails**\n\n Mémorise une sous-arborescence du template. Peut être utilisée à la fois sur les éléments et les composants. La directive attend un tableau de longueur connue composé de valeurs de dépendances à comparer pour la mémorisation. Si toutes les valeurs du tableau sont identiques à celles du dernier rendu, les mises à jour de l'ensemble du sous-arbre seront ignorées. Par exemple :\n\n ```html\n <div v-memo=\"[valueA, valueB]\">\n ...\n </div>\n ```\n\n Lors du rendu du composant, si `valueA` et `valueB` restent les mêmes, toutes les mises à jour de cette `<div>` et de ses enfants seront ignorées. En fait, même la création du VNode du DOM virtuel sera ignorée puisque la copie mémorisée de la sous-arborescence peut être réutilisée.\n\n Il est important de spécifier le tableau de mémorisation correctement, sinon nous pourrions sauter des mises à jour qui devraient normalement être appliquées. `v-memo` avec un tableau de dépendances vide (`v-memo=\"[]\"`) serait fonctionnellement équivalent à `v-once`.\n\n **Utilisation avec `v-for`**\n\n `v-memo` est fourni uniquement pour des micro-optimisations dans des scénarios de performances critiques et devrait être rarement utilisée. Le cas le plus courant où cela peut s'avérer utile est lors du rendu de grandes listes `v-for` (où `length > 1000`) :\n\n ```html\n <div v-for=\"item in list\" :key=\"item.id\" v-memo=\"[item.id === selected]\">\n <p>ID: {{ item.id }} - selected: {{ item.id === selected }}</p>\n <p>...more child nodes</p>\n </div>\n ```\n\n Lorsque l'état `selected` du composant change, une grande quantité de VNodes sera créée même si la plupart des éléments restent exactement les mêmes. L'utilisation de `v-memo` ici consiste essentiellement à dire \"met à jour cet élément seulement s'il est passé de non sélectionné à sélectionné, ou vice-versa\". Cela permet à chaque élément non affecté de réutiliser son précédent VNode et d'éviter de changer entièrement. Notez que nous n'avons pas besoin d'inclure `item.id` dans le tableau de dépendances des mémos ici puisque Vue le déduit automatiquement à partir de `:key`.\n\n :::warning\n Lorsque vous utilisez les directives `v-memo` avec `v-for`, assurez-vous qu'elles sont utilisées sur le même élément. **`v-memo` ne fonctionne pas à l'intérieur de `v-for`.**\n :::\n\n `v-memo` peut également être utilisée sur les composants pour empêcher manuellement les mises à jour non désirées dans certains cas limites où la vérification de la mise à jour du composant enfant n'est pas optimisée. Mais une fois de plus, il est de la responsabilité du développeur de spécifier des tableaux de dépendances corrects pour éviter d'ignorer des mises à jour nécessaires.\n\n- **Voir aussi**\n - [v-once](#v-once)"
1303
190
  },
1304
- "references": [
1305
- {
1306
- "name": "en",
1307
- "url": "https://vuejs.org/api/built-in-directives.html#v-memo"
1308
- },
1309
- {
1310
- "name": "zh-cn",
1311
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-memo"
1312
- },
1313
- {
1314
- "name": "zh-hk",
1315
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-memo"
1316
- },
1317
- {
1318
- "name": "ja",
1319
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-memo"
1320
- },
1321
- {
1322
- "name": "ua",
1323
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-memo"
1324
- },
1325
- {
1326
- "name": "fr",
1327
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-memo"
1328
- },
1329
- {
1330
- "name": "ko",
1331
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-memo"
1332
- },
1333
- {
1334
- "name": "pt",
1335
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-memo"
1336
- },
1337
- {
1338
- "name": "bn",
1339
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-memo"
1340
- },
1341
- {
1342
- "name": "it",
1343
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-memo"
1344
- },
1345
- {
1346
- "name": "cs",
1347
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-memo"
1348
- },
1349
- {
1350
- "name": "ru",
1351
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-memo"
1352
- },
1353
- {
1354
- "name": "fa",
1355
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-memo"
1356
- }
1357
- ]
191
+ "references": "api/built-in-directives.html#v-memo"
1358
192
  },
1359
193
  {
1360
194
  "name": "v-cloak",
1361
195
  "valueSet": "v",
1362
196
  "description": {
1363
197
  "kind": "markdown",
1364
- "value": "\nUtilisée pour cacher un template non compilé jusqu'à ce qu'il soit prêt.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n **Cette directive n'est nécessaire que dans les configurations sans étape de build.**\n\n Lors de l'utilisation de templates à l'intérieur du DOM, il peut y avoir un \"flash de templates non compilés\" : l'utilisateur peut voir des balises moustaches brutes jusqu'à ce que le composant monté les remplace par du contenu rendu.\n\n `v-cloak` restera sur l'élément jusqu'à ce que l'instance du composant associé soit montée. Combiné à des règles CSS telles que `[v-cloak] { display : none }`, elle peut être utilisée pour masquer les templates bruts jusqu'à ce que le composant soit prêt.\n\n- **Exemple**\n\n ```css\n [v-cloak] {\n display: none;\n }\n ```\n\n ```html\n <div v-cloak>\n {{ message }}\n </div>\n ```\n\n La `<div>` ne sera pas visible tant que la compilation n'est pas terminée.\n"
198
+ "value": "Utilisée pour cacher un template non compilé jusqu'à ce qu'il soit prêt.\n\n- **N'attend pas d'expression**\n\n- **Détails**\n\n **Cette directive n'est nécessaire que dans les configurations sans étape de build.**\n\n Lors de l'utilisation de templates à l'intérieur du DOM, il peut y avoir un \"flash de templates non compilés\" : l'utilisateur peut voir des balises moustaches brutes jusqu'à ce que le composant monté les remplace par du contenu rendu.\n\n `v-cloak` restera sur l'élément jusqu'à ce que l'instance du composant associé soit montée. Combiné à des règles CSS telles que `[v-cloak] { display : none }`, elle peut être utilisée pour masquer les templates bruts jusqu'à ce que le composant soit prêt.\n\n- **Exemple**\n\n ```css\n [v-cloak] {\n display: none;\n }\n ```\n\n ```html\n <div v-cloak>\n {{ message }}\n </div>\n ```\n\n La `<div>` ne sera pas visible tant que la compilation n'est pas terminée."
1365
199
  },
1366
- "references": [
1367
- {
1368
- "name": "en",
1369
- "url": "https://vuejs.org/api/built-in-directives.html#v-cloak"
1370
- },
1371
- {
1372
- "name": "zh-cn",
1373
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-cloak"
1374
- },
1375
- {
1376
- "name": "zh-hk",
1377
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-cloak"
1378
- },
1379
- {
1380
- "name": "ja",
1381
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-cloak"
1382
- },
1383
- {
1384
- "name": "ua",
1385
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-cloak"
1386
- },
1387
- {
1388
- "name": "fr",
1389
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-cloak"
1390
- },
1391
- {
1392
- "name": "ko",
1393
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-cloak"
1394
- },
1395
- {
1396
- "name": "pt",
1397
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-cloak"
1398
- },
1399
- {
1400
- "name": "bn",
1401
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-cloak"
1402
- },
1403
- {
1404
- "name": "it",
1405
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-cloak"
1406
- },
1407
- {
1408
- "name": "cs",
1409
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-cloak"
1410
- },
1411
- {
1412
- "name": "ru",
1413
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-cloak"
1414
- },
1415
- {
1416
- "name": "fa",
1417
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-cloak"
1418
- }
1419
- ]
200
+ "references": "api/built-in-directives.html#v-cloak"
1420
201
  },
1421
202
  {
1422
203
  "name": "key",
1423
204
  "description": {
1424
205
  "kind": "markdown",
1425
- "value": "\nL'attribut spécial `key` est principalement utilisé comme une indication aidant l'algorithme du DOM virtuel de Vue à identifier les VNodes lors de la comparaison de la nouvelle et de l'ancienne liste de nœuds.\n\n- **Attendu :** `number | string | symbol`\n\n- **Détails**\n\n Sans clés, Vue utilise un algorithme qui minimise le mouvement des éléments et essaie de remplacer/réutiliser les éléments du même type déjà en place autant que possible. Avec des clés, il réorganisera les éléments en fonction du changement d'ordre des clés, et les éléments dont les clés ne sont plus présentes seront toujours supprimés / détruits.\n\n Les clés des enfants d'un même parent doivent être **uniques**. Les clés dupliquées entraîneront des erreurs de rendu.\n\n Le cas d'utilisation le plus courant est en combinaison avec `v-for` :\n\n ```html\n <ul>\n <li v-for=\"item in items\" :key=\"item.id\">...</li>\n </ul>\n ```\n\n Elle peut également être utilisée pour forcer le remplacement d'un élément/composant au lieu de le réutiliser. Cela peut être utile lorsque vous voulez :\n\n - Déclencher correctement les hooks de cycle de vie d'un composant\n - Déclencher des transitions\n\n Par exemple :\n\n ```html\n <transition>\n <span :key=\"text\">{{ text }}</span>\n </transition>\n ```\n\n Quand `text` change, le `<span>` sera toujours remplacé au lieu d'être corrigé, donc une transition sera déclenchée.\n\n- **Voir aussi** [Guide - Rendu de liste - Maintenir l'état avec `key`](https://fr.vuejs.org/guide/essentials/list.html#maintaining-state-with-key)\n"
206
+ "value": "L'attribut spécial `key` est principalement utilisé comme une indication aidant l'algorithme du DOM virtuel de Vue à identifier les VNodes lors de la comparaison de la nouvelle et de l'ancienne liste de nœuds.\n\n- **Attendu :** `number | string | symbol`\n\n- **Détails**\n\n Sans clés, Vue utilise un algorithme qui minimise le mouvement des éléments et essaie de remplacer/réutiliser les éléments du même type déjà en place autant que possible. Avec des clés, il réorganisera les éléments en fonction du changement d'ordre des clés, et les éléments dont les clés ne sont plus présentes seront toujours supprimés / détruits.\n\n Les clés des enfants d'un même parent doivent être **uniques**. Les clés dupliquées entraîneront des erreurs de rendu.\n\n Le cas d'utilisation le plus courant est en combinaison avec `v-for` :\n\n ```html\n <ul>\n <li v-for=\"item in items\" :key=\"item.id\">...</li>\n </ul>\n ```\n\n Elle peut également être utilisée pour forcer le remplacement d'un élément/composant au lieu de le réutiliser. Cela peut être utile lorsque vous voulez :\n\n - Déclencher correctement les hooks de cycle de vie d'un composant\n - Déclencher des transitions\n\n Par exemple :\n\n ```html\n <transition>\n <span :key=\"text\">{{ text }}</span>\n </transition>\n ```\n\n Quand `text` change, le `<span>` sera toujours remplacé au lieu d'être corrigé, donc une transition sera déclenchée.\n\n- **Voir aussi** [Guide - Rendu de liste - Maintenir l'état avec `key`](https://fr.vuejs.org/guide/essentials/list.html#maintaining-state-with-key)"
1426
207
  },
1427
- "references": [
1428
- {
1429
- "name": "en",
1430
- "url": "https://vuejs.org/api/built-in-special-attributes.html#key"
1431
- },
1432
- {
1433
- "name": "zh-cn",
1434
- "url": "https://cn.vuejs.org/api/built-in-special-attributes.html#key"
1435
- },
1436
- {
1437
- "name": "zh-hk",
1438
- "url": "https://zh-hk.vuejs.org/api/built-in-special-attributes.html#key"
1439
- },
1440
- {
1441
- "name": "ja",
1442
- "url": "https://ja.vuejs.org/api/built-in-special-attributes.html#key"
1443
- },
1444
- {
1445
- "name": "ua",
1446
- "url": "https://ua.vuejs.org/api/built-in-special-attributes.html#key"
1447
- },
1448
- {
1449
- "name": "fr",
1450
- "url": "https://fr.vuejs.org/api/built-in-special-attributes.html#key"
1451
- },
1452
- {
1453
- "name": "ko",
1454
- "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#key"
1455
- },
1456
- {
1457
- "name": "pt",
1458
- "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#key"
1459
- },
1460
- {
1461
- "name": "bn",
1462
- "url": "https://bn.vuejs.org/api/built-in-special-attributes.html#key"
1463
- },
1464
- {
1465
- "name": "it",
1466
- "url": "https://it.vuejs.org/api/built-in-special-attributes.html#key"
1467
- },
1468
- {
1469
- "name": "cs",
1470
- "url": "https://cs.vuejs.org/api/built-in-special-attributes.html#key"
1471
- },
1472
- {
1473
- "name": "ru",
1474
- "url": "https://ru.vuejs.org/api/built-in-special-attributes.html#key"
1475
- },
1476
- {
1477
- "name": "fa",
1478
- "url": "https://fa.vuejs.org/api/built-in-special-attributes.html#key"
1479
- }
1480
- ]
208
+ "references": "api/built-in-special-attributes.html#key"
1481
209
  },
1482
210
  {
1483
211
  "name": "ref",
1484
212
  "description": {
1485
213
  "kind": "markdown",
1486
- "value": "\nDésigne une [ref du template](https://fr.vuejs.org/guide/essentials/template-refs.html).\n\n- **Attendu :** `string | Function`\n\n- **Détails**\n\n `ref` est utilisée pour enregistrer une référence à un élément ou à un composant enfant.\n\n Dans l'Options API, la référence sera enregistrée sous l'objet `this.$refs` du composant :\n\n ```html\n <!-- stockée sous this.$refs.p -->\n <p ref=\"p\">hello</p>\n ```\n\n Dans la Composition API, la référence sera stockée dans une ref avec le nom correspondant :\n\n ```vue\n <script setup>\n import { ref } from 'vue'\n\n const p = ref()\n </script>\n\n <template>\n <p ref=\"p\">hello</p>\n </template>\n ```\n\n Si elle est utilisée sur un élément simple du DOM, la référence sera cet élément ; si elle est utilisée sur un composant enfant, la référence sera l'instance du composant enfant.\n\n De manière alternative, `ref` peut accepter une valeur de fonction qui fournit un contrôle total sur l'endroit où la référence sera stockée :\n\n ```html\n <ChildComponent :ref=\"(el) => child = el\" />\n ```\n\n Une remarque importante concernant le timing de l'enregistrement des refs : comme les refs elles-mêmes sont créées à la suite de la fonction de rendu, vous devez attendre que le composant soit monté avant d'y accéder.\n\n `this.$refs` est également non réactive, vous ne devez donc pas l'utiliser dans les templates pour la liaison de données.\n\n- **Voir aussi**\n - [Guide - Template Refs](https://fr.vuejs.org/guide/essentials/template-refs.html)\n - [Guide - Typer les refs du template](https://fr.vuejs.org/guide/typescript/composition-api.html#typing-template-refs) <sup class=\"vt-badge ts\" />\n - [Guide - Typer les refs du template d'un composant](https://fr.vuejs.org/guide/typescript/composition-api.html#typing-component-template-refs) <sup class=\"vt-badge ts\" />\n"
214
+ "value": "Désigne une [ref du template](https://fr.vuejs.org/guide/essentials/template-refs.html).\n\n- **Attendu :** `string | Function`\n\n- **Détails**\n\n `ref` est utilisée pour enregistrer une référence à un élément ou à un composant enfant.\n\n Dans l'Options API, la référence sera enregistrée sous l'objet `this.$refs` du composant :\n\n ```html\n <!-- stockée sous this.$refs.p -->\n <p ref=\"p\">hello</p>\n ```\n\n Dans la Composition API, la référence sera stockée dans une ref avec le nom correspondant :\n\n ```vue\n <script setup>\n import { useTemplateRef } from 'vue'\n\n const pRef = useTemplateRef('p')\n </script>\n\n <template>\n <p ref=\"p\">hello</p>\n </template>\n ```\n\n Si elle est utilisée sur un élément simple du DOM, la référence sera cet élément ; si elle est utilisée sur un composant enfant, la référence sera l'instance du composant enfant.\n\n De manière alternative, `ref` peut accepter une valeur de fonction qui fournit un contrôle total sur l'endroit où la référence sera stockée :\n\n ```html\n <ChildComponent :ref=\"(el) => child = el\" />\n ```\n\n Une remarque importante concernant le timing de l'enregistrement des refs : comme les refs elles-mêmes sont créées à la suite de la fonction de rendu, vous devez attendre que le composant soit monté avant d'y accéder.\n\n `this.$refs` est également non réactive, vous ne devez donc pas l'utiliser dans les templates pour la liaison de données.\n\n- **Voir aussi**\n - [Guide - Template Refs](https://fr.vuejs.org/guide/essentials/template-refs.html)\n - [Guide - Typer les refs du template](https://fr.vuejs.org/guide/typescript/composition-api.html#typing-template-refs) <sup class=\"vt-badge ts\" />\n - [Guide - Typer les refs du template d'un composant](https://fr.vuejs.org/guide/typescript/composition-api.html#typing-component-template-refs) <sup class=\"vt-badge ts\" />"
1487
215
  },
1488
- "references": [
1489
- {
1490
- "name": "en",
1491
- "url": "https://vuejs.org/api/built-in-special-attributes.html#ref"
1492
- },
1493
- {
1494
- "name": "zh-cn",
1495
- "url": "https://cn.vuejs.org/api/built-in-special-attributes.html#ref"
1496
- },
1497
- {
1498
- "name": "zh-hk",
1499
- "url": "https://zh-hk.vuejs.org/api/built-in-special-attributes.html#ref"
1500
- },
1501
- {
1502
- "name": "ja",
1503
- "url": "https://ja.vuejs.org/api/built-in-special-attributes.html#ref"
1504
- },
1505
- {
1506
- "name": "ua",
1507
- "url": "https://ua.vuejs.org/api/built-in-special-attributes.html#ref"
1508
- },
1509
- {
1510
- "name": "fr",
1511
- "url": "https://fr.vuejs.org/api/built-in-special-attributes.html#ref"
1512
- },
1513
- {
1514
- "name": "ko",
1515
- "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#ref"
1516
- },
1517
- {
1518
- "name": "pt",
1519
- "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#ref"
1520
- },
1521
- {
1522
- "name": "bn",
1523
- "url": "https://bn.vuejs.org/api/built-in-special-attributes.html#ref"
1524
- },
1525
- {
1526
- "name": "it",
1527
- "url": "https://it.vuejs.org/api/built-in-special-attributes.html#ref"
1528
- },
1529
- {
1530
- "name": "cs",
1531
- "url": "https://cs.vuejs.org/api/built-in-special-attributes.html#ref"
1532
- },
1533
- {
1534
- "name": "ru",
1535
- "url": "https://ru.vuejs.org/api/built-in-special-attributes.html#ref"
1536
- },
1537
- {
1538
- "name": "fa",
1539
- "url": "https://fa.vuejs.org/api/built-in-special-attributes.html#ref"
1540
- }
1541
- ]
216
+ "references": "api/built-in-special-attributes.html#ref"
1542
217
  },
1543
218
  {
1544
219
  "name": "is",
1545
220
  "description": {
1546
221
  "kind": "markdown",
1547
- "value": "\n Utilisé pour lier les [composants dynamiques](https://fr.vuejs.org/guide/essentials/component-basics.html#dynamic-components).\n\n- **Attendu :** `string | Component`\n\n- **Utilisation sur des éléments natifs** <sup class=\"vt-badge\">3.1+</sup>\n\n Lorsque l'attribut \"is\" est utilisé sur un élément HTML natif, il sera interprété comme un [élément natif personnalisé](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-customized-builtin-example), qui est une fonctionnalité native de la plate-forme Web.\n\n Il existe cependant un cas d'utilisation où vous pouvez avoir besoin que Vue remplace un élément natif par un composant Vue, comme expliqué dans [Mises en garde concernant l'analyse du template DOM](https://fr.vuejs.org/guide/essentials/component-basics.html#in-dom-template-parsing-caveats). Vous pouvez préfixer la valeur de l'attribut `is` avec `vue:` pour que Vue rende l'élément comme un composant Vue :\n\n ```html\n <table>\n <tr is=\"vue:my-row-component\"></tr>\n </table>\n ```\n\n- **Voir aussi**\n\n - [Éléments spéciaux natifs - `<component>`](https://fr.vuejs.org/api/built-in-special-elements.html#component)\n - [Composants dynamiques](https://fr.vuejs.org/guide/essentials/component-basics.html#dynamic-components)\n"
222
+ "value": "Utilisé pour lier les [composants dynamiques](https://fr.vuejs.org/guide/essentials/component-basics.html#dynamic-components).\n\n- **Attendu :** `string | Component`\n\n- **Utilisation sur des éléments natifs**\n \n - Supporté à partir de la version 3.1\n\n Lorsque l'attribut \"is\" est utilisé sur un élément HTML natif, il sera interprété comme un [élément natif personnalisé](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-customized-builtin-example), qui est une fonctionnalité native de la plate-forme Web.\n\n Il existe cependant un cas d'utilisation où vous pouvez avoir besoin que Vue remplace un élément natif par un composant Vue, comme expliqué dans [Mises en garde concernant l'analyse du template DOM](https://fr.vuejs.org/guide/essentials/component-basics.html#in-dom-template-parsing-caveats). Vous pouvez préfixer la valeur de l'attribut `is` avec `vue:` pour que Vue rende l'élément comme un composant Vue :\n\n ```html\n <table>\n <tr is=\"vue:my-row-component\"></tr>\n </table>\n ```\n\n- **Voir aussi**\n\n - [Éléments spéciaux natifs - `<component>`](https://fr.vuejs.org/api/built-in-special-elements.html#component)\n - [Composants dynamiques](https://fr.vuejs.org/guide/essentials/component-basics.html#dynamic-components)"
1548
223
  },
1549
- "references": [
1550
- {
1551
- "name": "en",
1552
- "url": "https://vuejs.org/api/built-in-special-attributes.html#is"
1553
- },
1554
- {
1555
- "name": "zh-cn",
1556
- "url": "https://cn.vuejs.org/api/built-in-special-attributes.html#is"
1557
- },
1558
- {
1559
- "name": "zh-hk",
1560
- "url": "https://zh-hk.vuejs.org/api/built-in-special-attributes.html#is"
1561
- },
1562
- {
1563
- "name": "ja",
1564
- "url": "https://ja.vuejs.org/api/built-in-special-attributes.html#is"
1565
- },
1566
- {
1567
- "name": "ua",
1568
- "url": "https://ua.vuejs.org/api/built-in-special-attributes.html#is"
1569
- },
1570
- {
1571
- "name": "fr",
1572
- "url": "https://fr.vuejs.org/api/built-in-special-attributes.html#is"
1573
- },
1574
- {
1575
- "name": "ko",
1576
- "url": "https://ko.vuejs.org/api/built-in-special-attributes.html#is"
1577
- },
1578
- {
1579
- "name": "pt",
1580
- "url": "https://pt.vuejs.org/api/built-in-special-attributes.html#is"
1581
- },
1582
- {
1583
- "name": "bn",
1584
- "url": "https://bn.vuejs.org/api/built-in-special-attributes.html#is"
1585
- },
1586
- {
1587
- "name": "it",
1588
- "url": "https://it.vuejs.org/api/built-in-special-attributes.html#is"
1589
- },
1590
- {
1591
- "name": "cs",
1592
- "url": "https://cs.vuejs.org/api/built-in-special-attributes.html#is"
1593
- },
1594
- {
1595
- "name": "ru",
1596
- "url": "https://ru.vuejs.org/api/built-in-special-attributes.html#is"
1597
- },
1598
- {
1599
- "name": "fa",
1600
- "url": "https://fa.vuejs.org/api/built-in-special-attributes.html#is"
1601
- }
1602
- ]
224
+ "references": "api/built-in-special-attributes.html#is"
225
+ },
226
+ {
227
+ "name": "data-allow-mismatch",
228
+ "description": {
229
+ "kind": "markdown",
230
+ "value": "A special attribute that can be used to suppress [hydration mismatch](https://fr.vuejs.org/guide/scaling-up/ssr.html#hydration-mismatch) warnings.\n\n- **Example**\n\n ```html\n <div data-allow-mismatch=\"text\">{{ data.toLocaleString() }}</div>\n ```\n\n The value can limit the allowed mismatch to a specific type. Allowed values are:\n\n - `text`\n - `children` (only allows mismatch for direct children)\n - `class`\n - `style`\n - `attribute`\n\n If no value is provided, all types of mismatches will be allowed.\n"
231
+ },
232
+ "references": "api/ssr.html#data-allow-mismatch"
1603
233
  }
1604
234
  ]
1605
235
  }