Vuejs 代码在切换页面时，在加载新页面之前一瞥显示花括号

Question

我知道 v-cloak 用于在加载新页面时不显示任何内容。

在我的 rails 应用程序中，当我尝试切换页面时（我在 Rails 视图中使用 vue 组件），在加载另一个新页面之前，有一小段显示花括号的 Vuejs 代码。我完全困惑，不确定这是否与 turbolink 相关，因为在浏览器控制台或 rails git 日志中没有发现错误消息。

Vuejs 在加载另一个页面之前显示花括号的简短一瞥，真的很烦人，有人可以帮忙吗？

Answer 1

v-cloak 用于执行此操作。

官方 API ?

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

提示：在@import加载的css文件中写入[v-cloak]不能解决这个问题。另一种方式：围绕目标标签。