v-cloak

使用 v-cloak 解決 Vue Instance 完成編譯前顯示變數的問題。

在網頁載入前,會顯示相關html等變數結構,雖然短暫顯示但還是會覺得不舒服。

這時可使用【v-cloak】加上CSS樣式隱藏解決完成編譯前變數顯示的問題。

S1:在CSS樣式中

<style>
  [v-cloak]{
    display: none;
  }
</style>

S2:在Html結構中

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