v-cloak

v-cloak 指令用于防止未编译的 Vue 模板在 Vue 实例仍在加载时可见。它会暂时隐藏内容，直到 Vue 完成模板编译。v-cloak 指令会一直存在，直到组件实例被挂载。

<div v-cloak>
  {{ message }}
</div>

结合 CSS，你可以使用 v-cloak 在元素准备好之前将其隐藏。

[v-cloak] {
  display: none;
}

在编译完成之前，<div> 将不会可见。