„<server-only>“-Tag nur für serverseitiges Rendering
<p>Ich habe Code, der nur auf der Clientseite gerendert werden muss, also verbinde ich ihn mit einem <code><client-only></code>-Tag. </p>
<p>Um jedoch zu verhindern, dass der Inhalt zurückspringt, habe ich versucht, das Element nur auf der Serverseite zu rendern, indem ich den folgenden Code verwendet habe: </p>
<pre class="brush:php;toolbar:false;"><div v-if="$isServer" class="h-nonav bg-gray-500"
<p>Das funktioniert zwar, aber Vue wird sich darüber beschweren, dass der serverseitige HTML-Code nicht mit dem clientseitigen HTML-Code übereinstimmt. </p>
<p>Das funktioniert zwar, klingt aber etwas hackig und führt dazu, dass die Seite zweimal gerendert wird: </p>
<pre class="brush:php;toolbar:false;"><div v-if="ssr"
...
Daten() {
zurückkehren {
ssr: stimmt
}
},
mount() {
this.ssr = false
},</pre>
<p>Beim Versuch, die Dokumentation zu durchsuchen, wurde das Tag <code><server-only></code> nicht gefunden :(</p>
