指令 v-cloak

作用：在VUE编译结束的时候移除相关联的样式

代码片段1

<ul v-cloak>
  <li v-for="(item, index) in 10" :key="index">{{item}}</li>
</ul>

代码片段2

// 在填充数据之前隐藏
[v-cloak] {
    display: none;
}

如上所示，当页面打开之时，因为display为none，此时ul不可见。当vue编译结束后，v-cloak移除相关联的display:none，ul变为可见。

基于上面的搭配，v-cloak常用于解决打开vue页面时会出现闪烁的问题（如果你眼力够快，会看到双大括号，即 {{item}}出现）。