解决vue在渲染页面之前可以看到源代码的问题

 

在css里加上一段下面的代码 ,虽然这样可以解决这个问题但是会带来另外的问题就是原生js的一些方法会出现一些问题比如offwidth,offheight等等这些方法获取被v-cloak的子元素宽高宽这些会是0px 因为子元素会把v-cloak 的display继承过来但是在css无法看到display:none这个属性也无法改变，会导致js 认为该元素可见域为0px ,要是在项目中确实要用到offxxx这种来获取元素获取宽高但是发现获取到的为0时把 v-cloak删掉即可或者只在你渲染的地方加v-cloak

[v-cloak]{
    display: none;
}

渲染的内容区域加 v-cloak