解决非工程化项目初始化页面闪动问题

原文地址

---

 

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>

---

返回目录