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

原文地址

---

 

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>

---

返回目錄