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>标签中！