解決非工程化項目初始化頁面閃動問題

原文地址

---

 

vue頁面在加載的時候閃爍花括號{}}，v-cloak指令和css規則如[v-cloak]{display:none}一塊兒用時，這個指令能夠隱藏未編譯的Mustache標籤直到實例準備完畢。

/*css樣式*/
[v-cloak] {
      display: none;
    }

<!--html代碼--> <div id="app" v-cloak> <ul> <li v-for="item in tabs">{{item.text}}</li> </ul> </div>

---

返回目錄