You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/v2/guide/mixins.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ order: 17
6
6
7
7
## Bases
8
8
9
-
Les mixins offrent une manière flexible de créer des fonctionnalités réutilisables par les composants de Vue. Un objet mixin peut contenir toute option valide pour un composant. Quand un composant utilise un mixin, toutes les options du mixin seront "fusionnées" avec les options du composant.
9
+
Les mixins offrent une manière flexible de créer des fonctionnalités réutilisables pour les composants de Vue. Un objet mixin peut contenir toute option valide pour un composant. Quand un composant utilise un mixin, toutes les options du mixin seront "fusionnées" avec les options du composant.
10
10
11
11
Exemple:
12
12
@@ -53,7 +53,7 @@ new Vue({
53
53
// -> "component hook called"
54
54
```
55
55
56
-
Les options qui attendent un objet, par exemple `methods`, `components` et `directives`, seront fusionnées dans le même objet. Les options du composant auront la priorité en cas de confit sur les clef d'un de ces objets.
56
+
Les options qui attendent un objet, par exemple `methods`, `components` et `directives`, seront fusionnées dans le même objet. Les options du composant auront la priorité en cas de conflit sur une ou plusieurs clés de ces objets.
57
57
58
58
```js
59
59
var mixin = {
@@ -84,14 +84,14 @@ vm.bar() // -> "bar"
84
84
vm.conflicting() // -> "from self"
85
85
```
86
86
87
-
Notez que les mêmes stratégies de fusion sont utilisée par `Vue.extend()`.
87
+
Notez que les mêmes stratégies de fusion sont utilisées par `Vue.extend()`.
88
88
89
89
## Mixin global
90
90
91
-
Vous pouvez aussi appliquer un mixin de manière globale. A utiliser avec prudence ! Une fois que vous appliquez un mixin globalement, il modifiera **toutes** les instances de vues créees ensuite. Bien utilisé, cela peut être exploité pour injecter de la logique pour des options custom :
91
+
Vous pouvez aussi appliquer un mixin de manière globale. À utiliser avec prudence ! Une fois que vous appliquez un mixin globalement, il modifiera **toutes** les instances de vues créées ensuite. Bien utilisé, cela peut être exploité pour injecter une logique de traitement pour des options personnalisées :
92
92
93
93
```js
94
-
// injection d'une fonction pour l'option custom `myOption`
94
+
// injection d'une fonction pour l'option personnalisée `myOption`
95
95
Vue.mixin({
96
96
created:function () {
97
97
var myOption =this.$options.myOption
@@ -107,11 +107,11 @@ new Vue({
107
107
// -> "hello!"
108
108
```
109
109
110
-
<pclass="tip">Utilisez les mixins globaux prudemment et rarement, parce qu'ils affectent chacune des Vue créees, y compris celles des librairies tierces. Dans la plupart des cas, vous devriez uniquement vous en servir pour la gestion des options custom comme illustré dans l'exemple ci-dessus. C'est aussi une bonne idée de les encapsuler dans des [Plugins](plugins.html) pour éviter de les appliquer plusieurs fois par erreur. </p>
110
+
<pclass="tip">Utilisez les mixins globaux prudemment et rarement, parce qu'ils affectent chacune des Vue créées, y compris celles des librairies tierces. Dans la plupart des cas, vous devriez uniquement vous en servir pour la gestion des options personnalisées comme illustré dans l'exemple ci-dessus. C'est aussi une bonne idée de les encapsuler dans des [Plugins](plugins.html) pour éviter de les appliquer plusieurs fois par erreur. </p>
111
111
112
-
## Stratégie de fusion des options custom
112
+
## Stratégie de fusion des options personnalisées
113
113
114
-
Quand les options custom sont fusionnées, elles utilisent la stratégie par défaut, qui est simplement d'écraser la valeur existante. Si vous souhaitez appliquer une stratégie de fusion custom pour une option custom, vous devez attacher une nouvelle fonction à `Vue.config.optionMergeStrategies`:
114
+
Quand les options personnalisées sont fusionnées, elles utilisent la stratégie par défaut, qui est simplement d'écraser la valeur existante. Si vous souhaitez appliquer une logique personnalisée pour la fusion d'une option personnalisée, vous devez attacher une nouvelle fonction à `Vue.config.optionMergeStrategies`:
0 commit comments