CodePen Embed - v-cloak 範例

<div id="app" >
  <div v-cloak>
    加上 v-cloak：{{data}}
  </div>
  <div>
    未加上 v-cloak：{{data}}
  </div>
</div>

[v-cloak] {
  display: none;
}

const app = Vue.createApp({
  data() {
    return {
      data:'data'
    }
  },
});

setTimeout(() => {
  app.mount('#app');
}, 3000);

This Pen is owned by 蔡蔡 Mavis on CodePen.

See more by @0430shinyu on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript