Vue2.0—解决页面闪烁的问题

Posted 2021-12-12 王同学要努力

【Vue2.0】—解决页面闪烁的问题（八）

v-cloak指令(没有值)

1、本质上是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性

2、 使用css配合v-cloak可解决网速慢时页面展示出{{XX}}的问题此指令可以解决使用插值表达式页面闪烁问题

将该指令加在html标签中时，可以在该文件中加style属性为display：none，例子如下：

 <div id="root">
        <h2 v-cloak>{{name}}</h2>
    </div>

 [v-cloak] {
             display: none;
        }