vue 渲染頁面的時候 出現閃爍問題的解決辦法

在使用vue綁定數據的時候，渲染頁面時會出現變量閃爍

<div id="h_cameraman" v-cloak>

　　<public-nav>

　　　　{{ msg }}

　　</public-nav>

</div>

加載的時候就會看到 {{msg }}

解決辦法： 給最外層的標簽 加上  v-cloak 

css里面：[v-cloak]{

　　　　　　display:none;
　　　　}

 

ps： 有時候可能沒有用   可能是   [v-cloak]{　display:none;} 的層級被覆蓋掉了 ， 你需要提高它的層級  [v-cloak]{　display:none !important ;} ，也有可能你把它放進了 @import 引入的css文件中 ， 它放在@import引入的文件的是沒有作用的，你可以放在link引入的文件來使用，或者直接寫在頁面的<style></style>標簽中！