当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。
在html中加入v-cloak
<div id="app" v-cloak>
</div>
在html的title底下追加样式
<style>
[v-cloak] {
display: none !important;
}
</style>
如果只加v-cloak,不加样式,则v-cloak不生效。