vue指令之v-cloak

vue指令之v-cloak

指令可看作标签属性

某些情况下可能由于机器性能故障或者网络原因,导致传输有问题,那么浏览器无法成功解析数据,此时浏览器输出的内容就是纯文本,这样会非常影响客户体验,干脆就不显示。此时我们可以使用v-cloak指令。该指令不常用。

v-cloak指令:当数据未解析完成时会渲染什么样式。例如不显示。

定义v-cloak样式
定义v-cloak样式

然后给容器添加v-cloak指令属性,当出现网络延迟时,该样式就会起作用,就不显示,减少内存开销。当网络恢复正常时,就会自动删除v-cloak样式。即在vue解析之前,div中有一个属性v-cloak;在vue解析之后,div中没有一个属性v-cloak

使用v-cloak指令
使用v-cloak指令

猜你喜欢

转载自www.cnblogs.com/singledogpro/p/12044561.html