当页面处于加载状态时，如何在 vuejs 中摆脱这个 {{ user.id }} （花括号）

Question

我在我的项目中使用 vuejs 并注意到当页面处于加载状态时，我看到类似这样的东西{{ user.id }} {{ user.name }}非常烦人。
页面完全加载后，我可以正确地看到userId和user name。

如何在页面处于加载状态时停止在页面中显示 vuejs 的这些花括号？

Answer 1

有一个为此目的而构建的指令：v-cloak. http://vuejs.org/api/#v-cloak

该指令将保留在元素上，直到关联的 Vue 实例完成编译。结合 CSS 规则，例如[v-cloak] { display: none }，此指令可用于隐藏未编译的 mustache 绑定，直到 Vue 实例准备就绪。

[v-cloak] {
  display: none;
}

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