v-cloak 这个指令是防止页面加载时出现 vue.js 的变量名（闪烁）而设计的，但有时候添加了这个指令仍会显示变量，可以使用!important解决。
<body>
<div id="content">
<p>{{msg}}</p>
</div>
</body>
<script>
var vm = new Vue({
el:"#content",
data:{
msg:"这是我要的内容"
}
});
</script>
正常情况下没有问题，但因网速过慢致使vue.js框架尚未加载网页就加载时会出现网页先显示{{msg}}再变为"这是我要的内容"的闪烁问题。
此时使用v-cloak指令：
<div id="content">
<p v-cloak>{{msg}}</p>
</div>
并加入样式：
<style>
[v-cloak]{
display: none;
}
</style>
则在网速慢的情况下也会等"这是我要的内容"出现再渲染出来，实际上是在加载时给了{{msg}}一个display：none的样式。
191
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
