Skip to content

Commit 2d06c89

Browse files
committed
MAJ suite à la 1ere relecture de sylvainpolletvillard
1 parent d0dd904 commit 2d06c89

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/v2/guide/transitioning-state.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ Le système de transition de Vue offre de nombreuses façons simples d'animer l'
1111
- les positions des nœuds SVG
1212
- les tailles et les autres propriétés des éléments
1313

14-
Tous ces éléments sont déjà stockés comme des chiffres bruts, ou peuvent être convertis en nombres. Dès que nous le faisons, nous pouvons animer ces modifications de l'état à l'aide de bibliothèques tierces vers un état intermédiaire, en combinant la réactivité de Vue et les systèmes de composants.
14+
Tous ces éléments sont déjà stockés sous forme de nombres bruts, ou peuvent être convertis en nombres. Dès lors, nous pouvons animer ces modifications de l'état à l'aide de bibliothèques tierces vers un état intermédiaire, en combinaison avec la réactivité de Vue et les systèmes de composants.
1515

1616
## Animation de l'état avec des observateurs
1717

@@ -95,7 +95,7 @@ new Vue({
9595
</script>
9696
{% endraw %}
9797

98-
Lorsque vous mettez à jour le nombre, la modification est animée en dessous de l'input. Cela fait une belle démonstration, mais qu'en est-il de quelque chose qui n'est pas directement stocké comme un nombre, comme n'importe quelle couleur CSS valide par exemple ? Voici comment nous pourrions accomplir cela avec l'ajout de [Color.js](https://github.com/brehaut/color-js):
98+
Lorsque vous mettez à jour le nombre, la modification est animée en dessous de l'input. Cela fait une belle démonstration, mais qu'en est-il de quelque-chose qui n'est pas directement stocké comme un nombre, comme n'importe quelle couleur CSS valide par exemple ? Voici comment nous pourrions accomplir cela avec l'ajout de [Color.js](https://github.com/brehaut/color-js):
9999

100100
``` html
101101
<script src="https://unpkg.com/[email protected]"></script>
@@ -257,7 +257,7 @@ new Vue({
257257

258258
## Transitions d'état dynamiques
259259

260-
Tout comme pour les composants de transition de Vue, les données de la sauvegarde des transitions de l'état peuvent être mises à jour en temps réel, ce qui est particulièrement utile pour le prototypage ! Même en utilisant un polygone SVG simple, vous pouvez obtenir de nombreux effets qui seraient difficile à concevoir tant que vous n'avez pas un peu joué avec les variables.
260+
Tout comme pour les composants de transition de Vue, les transitions d'état de données peuvent être mises à jour en temps réel, ce qui est particulièrement utile pour le prototypage ! Même en utilisant un polygone SVG simple, vous pouvez obtenir de nombreux effets qui seraient difficile à concevoir tant que vous n'avez pas un peu joué avec les variables.
261261

262262
{% raw %}
263263
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenLite.min.js"></script>
@@ -545,4 +545,4 @@ new Vue({
545545
</script>
546546
{% endraw %}
547547

548-
Dans les composants enfants, nous pouvons utiliser n'importe quelle combinaison de stratégies de transition qui ont été couvertes sur cette page, ainsi que celles offertes par le [système intégré de transition](transitions.html) de Vue. En utilisant les deux, il existe très peu de limites à ce qui peut être accompli.
548+
Dans les composants enfants, nous pouvons utiliser n'importe quelle combinaison de stratégies de transition qui ont été abordées dans cette page, ainsi que celles offertes par le [système intégré de transition](transitions.html) de Vue. En utilisant les deux, il existe très peu de limites à ce qui peut être accompli.

0 commit comments

Comments
 (0)