2020-12-14

vue.js刷新页面出现闪动：

出现闪动的原因是因为：js操作DOM，都会等待DOM加载完成（DOM ready）。对于vuej.s会在DOM ready完会才回去解析html view Template，所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现

解决方法：在vue中绑定变量会出现刷新时变量闪烁，我们只需要在css中引入：

      [v-cloak] {
        display: none;
    }

并且在标签中加入 v-cloak 指令：

{{msg}}

就可以解决闪烁问题了，如果需要处理的地方比较多，就在id="app" 上直接加上指令就可以了。

       <div v-cloak>{{msg}}</div>

---