v-cloak

这个指令一般用于网页上插入 Vue 模板的场景(非 VueCLI)。v-cloak 属性会一直在模板上保持,直到模板内容编译完成。配 css 规则使用,可以消除编译慢造成的闪屏。

[v-cloak] {
  display: none;
}
<div v-cloak>
  {{ message }}
</div>

不会显示,直到编译结束。

v-pre

使用这个指令的元素和子元素将不会被编译,直接显示原始的 Mustache 标签。跳过大量没有指令的节点会加快编译。

<span v-pre>{{ this will not be compiled }}</span>