vue指令之v-cloak
指令可看作标签属性
某些情况下可能由于机器性能故障或者网络原因,导致传输有问题,那么浏览器无法成功解析数据,此时浏览器输出的内容就是纯文本,这样会非常影响客户体验,干脆就不显示。此时我们可以使用v-cloak指令。该指令不常用。
v-cloak指令:当数据未解析完成时会渲染什么样式。例如不显示。
![定义v-cloak样式 定义v-cloak样式](./images/%E4%BD%BF%E7%94%A8v-cloak.gif)
定义v-cloak样式
然后给容器添加v-cloak指令属性,当出现网络延迟时,该样式就会起作用,就不显示,减少内存开销。当网络恢复正常时,就会自动删除v-cloak样式。即在vue解析之前,div中有一个属性v-cloak;在vue解析之后,div中没有一个属性v-cloak
![使用v-cloak指令 使用v-cloak指令](./images/v-cloak.gif)
使用v-cloak指令