Directiva v-cloak în Vue 3 în Vue.js & Nuxt

Previne efectul de flash de șablon necompilat (FOUC) la montarea Vue direct în HTML fără build step.

Sintaxă
<div v-cloak>{{ date }}</div> cu regula CSS [v-cloak] { display: none; }

Ce este directiva v-cloak

Atunci când Vue este utilizat direct în pagină (fără un tool de build ca Vite) sau când șabloanele sunt preluate din DOM, utilizatorii pot vedea pentru o fracțiune de secundă acoladele necompilate {{ titlu }} înainte ca motorul Vue să se inițializeze.

Directiva v-cloak rămâne pe element până când instanța asociată termină compilarea. Combinată cu o regulă CSS [v-cloak] { display: none; }, elementul este ascuns complet până când datele sunt gata de afișare.

Exemplu Concret: Ascunderea șablonului necompilat
<style>
[v-cloak] { display: none; }
</style>

<div id="app" v-cloak>
  <h1>{{ salut }}</h1>
</div>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Directiva v-cloak în Vue 3

Ai o nelămurire despre utilizarea comenzii Directiva v-cloak în Vue 3 sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.