- v-pre
编译时跳过当前元素和它的子元素,可以用来显示原始的 mustache 标签,跳过大量没有指令的节点会加快编译
v-cloak
这个指令保持在元素上直到关联实例结束编译。
- 当和 css 规则如 [v-clock] { diaplay:none} 一起使用时,这个指令可以隐藏为编译的 mustache 标签直到实例准备完毕,否则在渲染页面时,用户有可能会先看到 mustache 标签,然后看到编译后的数据。
用法如下:
[v-cloak]{display:none}
<div v-cloak>{{ message }}</div>
或者像这样
<span>{{price}}</span>
<span v-bind="price"></span>
<span v-cloak>{{price}}</span>
实事上例2和例3实现的效果是一样的,而例子1在 uejs解析{{price}}之前,用户是可以看到”{{price}}”这个字符串的。而例子2和例子3不会有这种闪烁的情况。