HTML 绑定 Vue实例,在页面加载时会出现闪烁情况,该指令可解决此问题。
v-cloak的作用:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }
一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕
例如:
css:
[v-cloak]{
display:none;
}
html:
<div id="app">{{mag}}</div>
<script>
new vue({
el:"app",
data:{
mag:'hello'
}
})
</script>