vue中解決小胡子的閃爍問題

閃爍的原因

          當标簽内使用小胡子{{}}文法進行模闆渲染時,由于Vue檔案在HTML結構之後才引入,會導緻{{}}模闆代碼在HTML中短暫停留,然後在渲染成真正的資料

解決方案

方案一

使用v-cloak指令結合CSS将元素預設隐藏起來,當資料變化時進行渲染,會自動顯示,無需手動幹預.代碼如下:

[v-cloak] {
display:none
           

}

方案二

不在HTML後面引入vue檔案,在head區域引入