Vue.js 中的 v-cloak 指令

可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。

当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。

解决页面刚加载时一闪而过的问题

HTML中

<div id="app" v-cloak>
    {{context}}
</div> 

CSS中

[v-cloak]{
    display: none;
}