如何解决 vue 初始化页面闪动问题

络受阻或页面加载完毕而没有初始化得到 Vue 实例时，出现页面闪烁的问题，看到类似于 {{message}} 的字样。
解决方法：
在 css 里加上 [v-cloak] { display: none; } 。
如果没有彻底解决问题，则在根元素加上

style=“display: none;” :style=“{display: block }”

v-cloak原理是先通过样式隐藏内容，然后在内存中进行值的替换，将替换的内容再反馈给界面，数据渲染完场之后，v-cloak 属性会被自动去除。