Skip to content

Commit ddb81a1

Browse files
committed
Ajout des remarques de @forresst
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
1 parent 44302a3 commit ddb81a1

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/v2/guide/custom-directive.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ order: 16
66

77
## Introduction
88

9-
En supplément de la palette de directive fournie en standard (`v-model` et `v-show`), Vue vous permet également d'enregistrer vos propres directives. Notez qu'avec Vue 2, la forme de code préféré pour la réutilisabilité et l''abstraction est le composant. Il y a cependant des cas où vous aurez juste besoin d'un accès de bas niveau aux éléments du DOM, et c'est là que les directives personnalisées vous seraient utiles. Un exemple pourrait être la prise du focus sur un élément de champ, comme celui-ci :
9+
En supplément de la palette de directive fournie en standard (`v-model` et `v-show`), Vue vous permet également d'enregistrer vos propres directives. Notez qu'avec Vue 2, la forme de code préféré pour la réutilisabilité et l'abstraction est le composant. Il y a cependant des cas où vous aurez juste besoin d'un accès de bas niveau aux éléments du DOM, et c'est là que les directives personnalisées vous seraient utiles. Un exemple pourrait être la prise du focus sur un élément de champ, comme celui-ci :
1010

1111
{% raw %}
1212
<div id="simplest-directive-example" class="demo">
@@ -24,7 +24,7 @@ new Vue({
2424
</script>
2525
{% endraw %}
2626

27-
Quand la page charge, cet élément prend le focus (notez que l'autofocus ne fonctionne pas sur Safari mobile). En fait, si vous n'avez cliqué sur rien du tout depuis votre arrivée sur la page, le champ ci-dessous devrait avoir le focus en ce moment même. À présent, jetons un œil à la directive qui pourrait accomplir cela :
27+
Quand la page charge, cet élément prend le focus (notez que l'autofocus ne fonctionne pas sur Safari mobile). En fait, si vous n'avez cliqué sur rien du tout depuis votre arrivée sur la page, le champ ci-dessous devrait avoir le focus. À présent, jetons un œil à la directive qui pourrait accomplir cela :
2828

2929
``` js
3030
// Enregistrer une directive globale appelée focus
@@ -37,7 +37,7 @@ Vue.directive('focus', {
3737
})
3838
```
3939

40-
Si vous préférez enregistrer la directive en local à la place, les composants acceptent également l'option `directives` :
40+
Si vous préférez enregistrer à la place la directive en local, les composants acceptent également l'option `directives` :
4141

4242
``` js
4343
directives: {
@@ -53,15 +53,15 @@ Puis dans un template, vous pouvez utiliser le nouvel attribut `v-focus` sur n'i
5353
<input v-focus>
5454
```
5555

56-
## Fonction de hook
56+
## Fonctions de hook
5757

5858
Une définition d'objet directive peut fournir plusieurs fonctions de hook (toutes optionnelles) :
5959

6060
- `bind` : appelée une fois quand la directive est attachée à l'élément. C'est ici que vous pouvez effectuer les actions uniques d'initialisation.
6161

6262
- `inserted`: appelée quand l'élément lié a été inséré dans son nœud parent (cela garanti uniquement sa présence dans le nœud parent, mais pas nécessairement dans le DOM principal).
6363

64-
- `update`: appelée après que le composant conteneur ai été mis à jour, __mais possiblement avant que ses enfants ai été mis à jour__. La valeur de la directive peut ou pas avoir changé, mais vous pouvez passer les mises à jour non nécessaire en comparant les valeurs couramment liées avec les anciennes valeurs (voir plus bas les arguments de hook).
64+
- `update`: appelée après que le composant conteneur ai été mis à jour, __mais peut-être avant que ses enfants ai été mis à jour__. La valeur de la directive peut ou pas avoir changé, mais vous pouvez ignorer les mises à jour inutiles en comparant les valeurs actuelles et anciennes de la liaison (voir plus bas les arguments de hook).
6565

6666
- `componentUpdated`: appelée après que le composant conteneur __et ses enfants__ ai été mis à jour.
6767

0 commit comments

Comments
 (0)