在使用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>標簽中!