v-cloak指令来解决屏幕闪动的问题

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;
}