You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
> En 2.4.0+ ce hook capture également les erreurs lancées depuis un gestionnaire d'évènement Vue personnalisé.
86
86
87
+
> $todo In 2.6.0+, this hook also captures errors thrown inside `v-on` DOM listeners. In addition, if any of the covered hooks or handlers returns a Promise chain (e.g. async functions), the error from that Promise chain will also be handled.
88
+
87
89
> [Sentry](https://sentry.io) et [Bugsnag](https://docs.bugsnag.com/platforms/browsers/vue/) fournissent une intégration officielle utilisant cette option.
88
90
89
91
### warnHandler
@@ -402,6 +404,35 @@ type: api
402
404
403
405
-**Voir aussi :**[Fonctions de rendu](../guide/render-function.html)
404
406
407
+
### $todo Vue.observable( object )
408
+
409
+
> New in 2.6.0+
410
+
411
+
-**Arguments:**
412
+
-`{Object} object`
413
+
414
+
-**Usage:**
415
+
416
+
Make an object reactive. Internally, Vue uses this on the object returned by the `data` function.
417
+
418
+
The returned object can be used directly inside [render functions](../guide/render-function.html) and [computed properties](../guide/computed.html), and will trigger appropriate updates when mutated. It can also be used as a minimal, cross-component state store for simple scenarios:
419
+
420
+
```js
421
+
conststate=Vue.observable({ count:0 })
422
+
423
+
constDemo= {
424
+
render(h) {
425
+
returnh('button', {
426
+
on: { click: () => { state.count++ }}
427
+
}, `count is: ${state.count}`)
428
+
}
429
+
}
430
+
```
431
+
432
+
<pclass="tip">In Vue 2.x, `Vue.observable` directly mutates the object passed to it, so that it is equivalent to the object returned, as [demonstrated here](../guide/instance.html#Data-and-Methods). In Vue 3.x, a reactive proxy will be returned instead, leaving the original object non-reactive if mutated directly. Therefore, for future compatibility, we recommend always working with the object returned by `Vue.observable`, rather than the object originally passed to it.</p>
433
+
434
+
-**See also:**[Reactivity in Depth](../guide/reactivity.html)
435
+
405
436
### Vue.version
406
437
407
438
-**Détails :** donne la version de Vue installée sous forme de `String`. C'est particulièrement utile pour les plugins et les composants de la communauté, où vous pouvez être amenés à utiliser différentes stratégies pour différentes versions.
@@ -478,6 +509,15 @@ type: api
478
509
479
510
Une liste ou un objet décrivant les attributs exposés par le composant afin de passer des données depuis le composant parent. Ce paramètre a une syntaxe simple basée sur un tableau (`Array`) et une syntaxe alternative basée sur un objet (`Object`) qui permet une configuration avancée telle qu'une vérification de typage, des contrôles de validation personnalisés et des valeurs par défaut.
480
511
512
+
$todo With Object-based syntax, you can use following options:
513
+
-**type:** can be one of the following native constructors: `String`, `Number`, `Boolean`, `Array`, `Object`, `Date`, `Function`, `Symbol`, any custom constructor function or an array of those. Will check if a prop has a given type, and will throw a warning if it doesn't. [More information](../guide/components-props.html#Prop-Types) on prop types.
514
+
-**default:**`any`
515
+
Specifies a default value for the prop. If the prop is not passed, this value will be used instead. Object or array defaults must be returned from a factory function.
516
+
-**required:**`Boolean`
517
+
Defines if the prop is required. In a non-production environment, a console warning will be thrown if this value is truthy and the prop is not passed.
518
+
-**validator:**`Function`
519
+
Custom validator function that takes the prop value as the sole argument. In a non-production environment, a console warning will be thrown if this function returns a falsy value (i.e. the validation fails). You can read more about prop validation [here](../guide/components-props.html#Prop-Validation).
520
+
481
521
-**Exemple :**
482
522
483
523
```js
@@ -504,7 +544,7 @@ type: api
504
544
})
505
545
```
506
546
507
-
-**Voir aussi :**[Props](../guide/components.html#Props)
547
+
-**Voir aussi :**[Props](../guide/components-props.html)
508
548
509
549
### propsData
510
550
@@ -667,7 +707,7 @@ type: api
667
707
668
708
### el
669
709
670
-
-**Type :**`string | HTMLElement`
710
+
-**Type :**`string | Element`
671
711
672
712
-**Restriction :** uniquement respecté quand l'instance est créée via `new`.
Accéder à `vm.$scopedSlots` est surtout utile lors de l'écriture d'un composant avec une [fonction de rendu](../guide/render-function.html).
1403
1443
1444
+
**$todo Note:** since 2.6.0+, there are two notable changes to this property:
1445
+
1446
+
1. Scoped slot functions are now guaranteed to return an array of VNodes, unless the return value is invalid, in which case the function will return `undefined`.
1447
+
1448
+
2. All `$slots` are now also exposed on `$scopedSlots` as functions. If you work with render functions, it is now recommended to always access slots via `$scopedSlots`, whether they currently use a scope or not. This will not only make future refactors to add a scope simpler, but also ease your eventual migration to Vue 3, where all slots will be functions.
1449
+
1404
1450
- **Voir aussi :**
1405
1451
- [Composant `<slot>`](#slot-1)
1406
1452
- [Slots avec portée](../guide/components.html#Slots-avec-portee)
@@ -1948,7 +1994,7 @@ type: api
1948
1994
1949
1995
### v-for
1950
1996
1951
-
- **Attend comme valeur :** `Array | Object | number | string`
1997
+
- **Attend comme valeur :** `Array | Object | number | string | Iterable (depuis 2.6)`
1952
1998
1953
1999
- **Utilisation :**
1954
2000
@@ -1976,6 +2022,8 @@ type: api
1976
2022
</div>
1977
2023
```
1978
2024
2025
+
$todo In 2.6+, `v-for` can also work on values that implement the [Iterable Protocol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol), including native `Map` and `Set`. However, it should be noted that Vue 2.x currently does not support reactivity on `Map` and `Set` values, so cannot automatically detect changes.
2026
+
1979
2027
<p class="tip">Quand utilisé conjointement avec v-if, v-fora une plus grande priorité que v-if. Consultez le <a href="../guide/list.html#v-for-with-v-if">guide de rendu de listes</a> pour plus de détails.</p>
1980
2028
1981
2029
L'usage détaillé pour `v-for` est expliqué dans la section du guide indiquée ci-dessous.
<!-- $todo shorthand dynamic attribute name (2.6.0+) -->
2161
+
<button :[key]="value"></button>
2162
+
2103
2163
<!-- avec de la concaténation de chaines de caractères -->
2104
2164
<img :src="'/path/to/images/' + fileName">
2105
2165
@@ -2164,6 +2224,59 @@ type: api
2164
2224
- [Liaisons sur les champs de formulaire](../guide/forms.html)
2165
2225
- [Composants - Composants de champ de formulaire utilisant les évènements personnalisés](../guide/components.html#Composants-de-champ-de-formulaire-utilisant-les-evenements-personnalises)
2166
2226
2227
+
### $todo v-slot
2228
+
2229
+
- **Shorthand:** `#`
2230
+
2231
+
- **Expects:** JavaScript expression that is valid in a function argument position (supports destructuring in [supported environments](../guide/components-slots.html#Slot-Props-Destructuring)). Optional - only needed if expecting props to be passed to the slot.
2232
+
2233
+
- **Argument:**slot name (optional, defaults to `default`)
2234
+
2235
+
- **Limited to:**
2236
+
- `<template>`
2237
+
- [components](../guide/components-slots.html#Abbreviated-Syntax-for-Lone-Default-Slots) (for a lone default slot with props)
2238
+
2239
+
- **Usage:**
2240
+
2241
+
Denote named slots or slots that expect to receive props.
2242
+
2243
+
- **Example:**
2244
+
2245
+
```html
2246
+
<!-- Named slots -->
2247
+
<base-layout>
2248
+
<templatev-slot:header>
2249
+
Headercontent
2250
+
</template>
2251
+
2252
+
Default slotcontent
2253
+
2254
+
<templatev-slot:footer>
2255
+
Footercontent
2256
+
</template>
2257
+
</base-layout>
2258
+
2259
+
<!-- Named slot that receives props -->
2260
+
<infinite-scroll>
2261
+
<templatev-slot:item="slotProps">
2262
+
<div class="item">
2263
+
{{ slotProps.item.text }}
2264
+
</div>
2265
+
</template>
2266
+
</infinite-scroll>
2267
+
2268
+
<!-- Default slot that receive props, with destructuring -->
- **Voir aussi :** [Les refs des composants enfants](../guide/components.html#Les-refs-des-composants-enfants)
2285
2398
2286
-
### slot
2287
-
2288
-
- **Attend comme valeur :** `string`
2289
-
2290
-
Utilisé sur du contenu inséré dans les composants enfants afin d'indiquer à quel slot nommé le contenu doit être associé.
2291
-
2292
-
Pour un usage détaillé, veuillez consulter la section du guide en lien ci-dessous.
2293
-
2294
-
- **Voir aussi :** [Slots nommés](../guide/components.html#Slots-nommes)
2295
-
2296
-
### slot-scope
2297
-
2298
-
> Nouveau dans la 2.5.0+
2299
-
2300
-
- **Attend comme valeur :** `function argument expression`
2301
-
2302
-
- **Utilisation :**
2303
-
2304
-
Utilisé pour indiquer qu'un élément ou un composant a un slot avec portée. La valeur de l'attribut doit être une expression JavaScript valide qui apparaît à la position d'un argument dans la déclaration d'une fonction. Cela signifie que dans les environnements qui la supportent, vous pouvez utiliser une expression de destructuration dans l'expression. Remplace [`scope`](#scope-replaced) dans la 2.5.0+.
2305
-
2306
-
Cet attribut ne supporte pas les liaisons dynamiques.
2307
-
2308
-
- **Voir aussi :** [Slots avec portée](../guide/components.html#Slots-avec-portee)
2309
-
2310
-
### scope <sup>replaced</sup>
2311
-
2312
-
Used to denote a `<template>` element as a scoped slot, which is replaced by [`slot-scope`](#slot-scope) in 2.5.0+.
2313
-
2314
-
- **Usage:**
2315
-
2316
-
Same as [`slot-scope`](#slot-scope) except that `scope` can only be used on `<template>` elements.
2317
-
2318
2399
### is
2319
2400
2320
2401
- **Attend comme valeur :** `string | Object (un objet d'options de composant)`
@@ -2340,6 +2421,40 @@ Used to denote a `<template>` element as a scoped slot, which is replaced by [`s
- **Attend comme valeur :** `function argument expression`
2439
+
2440
+
- **Utilisation :**
2441
+
2442
+
Utilisé pour indiquer qu'un élément ou un composant a un slot avec portée. La valeur de l'attribut doit être une expression JavaScript valide qui apparaît à la position d'un argument dans la déclaration d'une fonction. Cela signifie que dans les environnements qui la supportent, vous pouvez utiliser une expression de destructuration dans l'expression. Remplace [`scope`](#scope-replaced) dans la 2.5.0+.
2443
+
2444
+
Cet attribut ne supporte pas les liaisons dynamiques.
2445
+
2446
+
- **Voir aussi :** [Slots avec portée with `slot-scope`](../guide/components.html#Slots-avec-portee)
Copy file name to clipboardExpand all lines: src/v2/cookbook/serverless-blog.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -297,7 +297,7 @@ created() {
297
297
298
298
## Pattern alternatif
299
299
300
-
Une alternative à considérer, surtout si vous préférez écrire seulement en Markdown, est d'utiliser par exemple [Nuxtent](https://nuxtent.now.sh/guide/writing#async-components). Nuxtent vous permet d'utiliser un composant Vue à l'intérieur de fichiers Markdown. Cette approche pourrait être apparentée à celle utilisée par les sites statiques (c'est-à-dire Jekyll) dans laquelle vous écrivez les articles dans des fichiers Markdown. Nuxtent permet une bonne intégration entre Vue.js et Markdown vous permettant de vivre dans un monde à 100% Vue.js.
300
+
Une alternative à considérer, surtout si vous préférez écrire seulement en Markdown, est d'utiliser par exemple [Nuxtent](https://nuxtent-module.netlify.com/guide/writing/#async-components). Nuxtent vous permet d'utiliser un `Vue Component` à l'intérieur de fichiers Markdown. Cette approche pourrait être apparentée à celle utilisée par les sites statiques (c'est-à-dire Jekyll) dans laquelle vous écrivez les articles dans des fichiers Markdown. Nuxtent permet une bonne intégration entre Vue.js et Markdown vous permettant de vivre dans un monde à 100% Vue.js.
0 commit comments