[Vue.js] 使用 v-cloak 解決 Vue Instance 顯示變數的問題

標籤: Vue.js javascript

我們使用 Vue.js 的時候,都會有頁面剛進入的時候會看到 vue 的變數像是 {{ data }} 這樣的問題,或是我們設定 v-if 或 v-show,在頁面進入時會先出現一瞬間才消失,這時候我們只要使用 v-cloak 就可以解決了。

簡單用法,先在 css 加上這段:

[v-cloak] {
  display: none;
}

接著在 html 的載入點加上 v-cloak 就好

<div id="app" v-cloak>
</div>