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>