v-cloak 防止页面加载时闪烁 --- Nice

前言

在开发过程中，会遇到刷新或者切换路由页面闪烁的情况，等数据加载成功再重新展示，需要用到v-cloak防止闪烁。

v-cloak 指令设置样式，样式会在 Vue 实例编译结束时，从 HTML 元素上被移除。

这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

解决方法

1.在vue容器的div里面加上 v-cloak：

<div id="app" v-cloak>

2.css样式中加：

<style>
    [v-cloak] {
        display: none !important;
    }
</style>