<p>クライアント側でのみレンダリングする必要があるコードがいくつかあるので、それを <code><client-only></code> タグで囲みます。 </p> <p>ただし、コンテンツのバウンスを防ぐために、次のコードを使用して、サーバー側でのみ要素をレンダリングしてみました。 <pre class="brush:php;toolbar:false;"><div v-if="$isServer" class="h-nonav bg-gray-500" /></pre> <p>これは機能しますが、Vue はサーバー側の HTML がクライアント側の HTML と矛盾していると警告します。 </p> <p>これは機能しますが、少しハックっぽく聞こえるため、ページが 2 回レンダリングされます: </p> <pre class="brush:php;toolbar:false;"><div v-if="ssr" class="h-nonav bg-gray-500" /> ... データ（） { 戻る { SSR：真 } }、 マウントされた() { this.ssr = false },</pre> <p>ドキュメントを検索しようとしましたが、<code><server-only></code> タグが見つかりませんでした:(</p>