13-Vue指令之其他

  • 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不会有这种闪烁的情况。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值