【v-cloak】HTML中使用v-show和v-if时，页面加载时v-show和v-if控制的元素会闪现一下，如何解决？

HTML中使用v-show和v-if时，初始化页面时会出现v-show和v-if控制的模块会闪现一下，严重影响用户使用感知，那么如何解决该问题？

举例如下：该div弹窗只有在showWrong为true才会显示，但每次加载页面时，它都会闪现一下。只需如下两步操作，就能解决这个问题：

第一步：在div中加入v-cloak=""

    <div class="wrong" v-show="showWrong" v-cloak="">
        <div class="wrong-icon"><img
                :src="msgImg" alt=""/>
        </div>
        <p>{{wrongMsg}}</p>
    </div>

第二步，在css中加入如下代码

[v-cloak] {
    display: none;
}

成功解决！