v-cloak指令来解决屏幕闪动的问题
自己是在普通的html页面cdn引入了vue,加载时不想某个内容显示
<div id="app" >
正常显示的内容笑嘻嘻笑嘻嘻向下()()()()()()
<div v-if=“false”>
加载完不想显示的内容,相当于display=none,因为当时cdn引入vue,所以用了v-if,但是每次刷新都会闪动,出现零点几秒,非常不合理
</div>
</div>
<script>
var app = new Vue({
el:'app',
})
</script>
只需要在头部的div中加一个 v-cloak 和在 css 中加上如下代码即可
<div id="app" v-cloak>
正常显示的内容笑嘻嘻笑嘻嘻向下
</div>
[v-cloak]{
display:none;
}