就像这样简单：

<div v-if="false">Will be visible until vue is mounted/ready...</div>

适用于所有版本。
元素必须在你的容器中...如果你使用隐藏你的主容器，那么就这样修改它：

<div id="app">
    <div v-if="false">Visible while loading...</div>
    <div v-cloak>Visible when ready...</div>
</div>

有很多解决方案，我认为另一个解决方案是在data中使用带有false属性的v-if，如：

<div v-if="false">Loading Vue....</div>
<div v-cloak>vue loaded</div>

下面是我所做的，它不需要在应用程序中“反转”

<div id="app" v-cloak>...</div>
<div id="cloak-alt">  <!-- must be directly after your v-cloak element -->
  Loading Page etc
</div>

[v-cloak] {
  display: none;
}

#cloak-alt {
  display: none;
}

[v-cloak] + #cloak-alt {
  /* As long as this is visible, display can be whatever */
  display: block;
}

这是IMO在加载Vue时隐藏整个页面的最佳方法，v-if="false"让我感觉有点笨拙，但它可以在应用程序中隐藏一些组件;但是，您可以使用不同的css选择器使用相同的方法来完成相同的事情