使用vue做项目时，刷新页面，原本应该隐藏的东西闪一下

在使用vue做项目的过程中，有时候刷新页面的时候，原本应该隐藏的东西会在页面闪一下然后再隐藏，以前一直没有留意，知道最近，终于忍受不了这样的情况出现，然后就在vue的api中去查找，结果还真的找到了解决方法，就是使用v-cloak。

官网的说法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

示例：

[v-cloak] {
  display: none;
}

<div v-cloak>
  {{ message }}
</div>

不会显示，直到编译结束。