在网速较慢的时候,Vue.js还没有加载成功时 ,因为Vue 来不及渲染,这时页面就会显示出 Vue 源代码。这种情况可以使用 v-cloak 指令来解决这一问题。
v-cloak要写在你出现这个问题的页面上
html:
<div id="workbench" v-cloak>
{{index}}
</div>
css:
[v-cloak]{
display: none;
/* 如果这样写不起效果,那就是权重不够可以这样写display: none; !important 来提升权重 */
}