工业UI开发技术课件：v-cloak指令.pptxVIP

v-cloak指令

目录01v-cloak指令02闪烁问题解决方案

本节目标 通过对v-cloak指令的介绍，掌握v-cloak指令的用法和应用场景，掌握理解v-cloak指令产生的渲染闪烁问题，掌握闪烁问题的解决方案。通过本节学习可以：掌握v-cloak指令用法掌握闪烁问题解决方案

01v-cloak指令

V-cloak指令v-cloak的作用和用法可用v-text替换,作用都是将数据解析到容器中，但是解析效果会发现有闪烁问题出现。为了效果更明显，我们可以延后加载Vue实例代码如下：

02闪烁问题解决方案

闪烁问题解决方案HTML绑定Vue实例，在页面加载时会闪烁。然后才会出现“helloVue”字样。解决方案：在css中加上?[v-cloak]{display:none;}，在html中的加载点加上v-cloak属性，可以解决这一问题。

闪烁问题解决方案

THANKYOU