Skip to content

Commit 0bafb91

Browse files
committed
Seconde relecture et ajout de @Kocal
Signed-off-by: Bruno Lesieur <[email protected]>
1 parent bc420e7 commit 0bafb91

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

en/hydration.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ Dans `entry-client.js`, nous montons simplement l'application avec cette ligne :
77
app.$mount('#app')
88
```
99

10-
Parceque le serveur a déjà fait le rendu des balises, nous ne voulons évidemment pas tout jeter et recréer l'intégralité des éléments du DOM. À la place, nous voulons « hydrater » les balises statiques et les rendres intéractives.
10+
Parceque le serveur a déjà fait le rendu des balises, nous ne voulons évidemment pas tout jeter et recréer l'intégralité des éléments du DOM. À la place, nous voulons « hydrater » les balises statiques et les rendre intéractives.
1111

1212
Si vous inspectez le rendu en sortie côté serveur, vous remarquerez que l'élément racine a un attribut spécial :
1313

@@ -17,15 +17,15 @@ Si vous inspectez le rendu en sortie côté serveur, vous remarquerez que l'él
1717

1818
L'attribut spécial `data-server-rendered` permet à Vue, depuis le côté client, de savoir quelle balise a été rendue par le serveur et d'être capable de monter l'application en mode hydratation.
1919

20-
En mode développement, Vue va vérifier que le DOM virtuel généré côté client concorde avec la structure du DOM rendu par le serveur. S'il y a non concordance, il va bypasser l'hydratation, retirer le DOM existant et refaire le rendu depuis le début. **En mode production, ces vérifications sont désactivés pour des performances maximales.**
20+
En mode développement, Vue va vérifier que le DOM virtuel généré côté client concorde avec la structure du DOM rendu par le serveur. S'il y a non concordance, il va bypasser l'hydratation, retirer le DOM existant et refaire le rendu depuis le début. **En mode production, ces vérifications sont désactivées pour des performances maximales.**
2121

2222
### Limitation de l'hydration
2323

2424
Une chose qu'il faut savoir est qu'en utilisant un SSR + une hydratation côté client il y a plusieurs structures HTML spéciales qui sont altérées par le navigateur. Par exemple, quand vous écrivez ceci dans un template Vue :
2525

2626
``` html
2727
<table>
28-
<tr><td>hi</td></tr>
28+
<tr><td>salut</td></tr>
2929
</table>
3030
```
3131

0 commit comments

Comments
 (0)