Vue v-cloak指令解决插值表达式“闪动”问题

问题：有时候网速较慢，导致 Vue 来不及渲染数据，这时页面就会先显示出 Vue 源代码，闪动一下后才显示出渲染后的页面和数据。

  这个问题可以用 v-cloak指令来解决。

  1.提供样式

  2.在插值表达式所在标签中添加v-cloak指令

[v-cloak] {
  display: none;
}
<div v-cloak>
  {{ message }}
</div>

  背后的原理：先通过样式隐藏内容，然后在内存中进行值得替换，替换好之后再显示最终结果。