13-Vue指令之其他

来源:互联网 发布:软件开发个人年终总结 编辑:程序博客网 时间:2024/06/04 19:05
  • 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不会有这种闪烁的情况。

原创粉丝点击