javascript - 如何在页面处于加载状态时摆脱 vuejs 中的 {{ user.id }}(花括号)

Question

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

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

Answer 1

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

This directive will remain on the element until the associated Vue instance finishes compilation. Combined with CSS rules such as [v-cloak] { display: none }, this directive can be used to hide un-compiled mustache bindings until the Vue instance is ready.

[v-cloak] {
  display: none;
}

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