在使用vue做项目的过程中，有时候刷新页面的时候，原本应该隐藏的东西会在页面闪一下然后再隐藏，以前一直没有留意，知道最近，终于忍受不了这样的情况出现，然后就在vue的api中去查找，结果还真的找到了解决方法，就是使用v-cloak。
官网的说法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
示例：
[v-cloak] { display: none; }
<div v-cloak> {{ message }} </div>
不会显示，直到编译结束。