【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;
}