v-cloak指令保持在元素上直到vue实例结束编译后自动移除,v-cloak和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 插值表达式 标签直到实例准备完毕。
通常用来防止{{}}表达式闪烁问题
既是它是使得vue实例把所有内容都编译完后,才将其显示到页面
示例:
<style>
[v-cloak] {
display: none;
}
</style>
-----------------
<p v-cloak>{{msg}}</p>