vue 中的 v-cloak的使用（ Vue 实例编译结束时，从绑定的 HTML 元素上被移除）

在使用 v-if 的时候，发现页面在未加载完成的时候，页面里本应该隐藏的内容在页面上一闪而过。

使用 v-cloak 解决这个问题，这里总结一下 v-cloak 的用法。

v-cloak 指令设置样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。（网络加载慢的时候可以使用）

页面闪烁问题解决方式

页面中 div 样式是

<div class="show" v-if="switvh" v-cloak></div>

css文件中

[v-cloak] { display: none;}

2022年1月3日补充

原理：由于快速刷新页面或者网速问题，倒是vue.js 没有生效，在生效之前，只要是添加了v-clock 指令的元素 ，都会隐藏掉，这样当vue.js 加载完毕，所做的第一件事就是将页面中的v-clock 指令删除掉，这样页面数据又可以正常显示了。

v-clock要加在根目录上。