From e6cf3ba9035c3c2de88fcb3d4c772a86e9d07a00 Mon Sep 17 00:00:00 2001 From: id157 Date: Sat, 21 Jan 2023 19:26:28 +0900 Subject: [PATCH] fix: expression different result -> same result in hydration.md --- src/guide/ssr/hydration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/guide/ssr/hydration.md b/src/guide/ssr/hydration.md index c5b8a3a0..ee036d89 100644 --- a/src/guide/ssr/hydration.md +++ b/src/guide/ssr/hydration.md @@ -16,7 +16,7 @@ Vue は、クライアントサイドのコード（ここでは `entry-client.j Vue はクライアントサイドで生成された仮想 DOM ツリーがサーバからレンダリングされた DOM 構造と一致するかを検証します。不一致がある場合、ハイドレーションを中止し、既存の DOM を破棄して、最初からレンダリングします。ブラウザのコンソールには警告が表示されますが、サイトは引き続き動作します。 -SSR が動作していることを確かめる一番の重要な方法は、アプリケーションの状態がクライアントとサーバで同じであるか確認することです。特にブラウザ（ウィンドウ幅、デバイスの機能、localStorage など）やサーバ（Node 組み込みのような）に固有の API に依存しないように注意して、また同じコードが異なる場所で実行すると異なる結果が得られるように注意してください（タイムゾーン、タイムスタンプの利用や、 URL の正規化、乱数の生成など）。詳しくは [ユニバーサルなコードを書く](./universal.md) を参照してください。 +SSR が動作していることを確かめる一番の重要な方法は、アプリケーションの状態がクライアントとサーバで同じであるか確認することです。特にブラウザ（ウィンドウ幅、デバイスの機能、localStorage など）やサーバ（Node 組み込みのような）に固有の API に依存しないように注意して、また同じコードが異なる場所で実行すると同じ結果が得られるように注意してください（タイムゾーン、タイムスタンプの利用や、 URL の正規化、乱数の生成など）。詳しくは [ユニバーサルなコードを書く](./universal.md) を参照してください。 SSR とクライアントのハイドレーションを使うとき気づくべき 2 番目に重要なことは、不正確な HTML がブラウザによって変更される可能性があるということです。例えば、 Vue テンプレートでこのように書いたとします: