Vue页面初始化加载时闪现代码段

2018-12-27 11:24:10  卢浮宫  版权声明：本文为站长原创文章，转载请写明出处

一、背景

    今天在打开网站时发现闪现原始代码段，本来以为是服务器取数据不给力导致的，今天查了资料解决并记录下

二、首先我们在view上写入如下

    <div class="xa" v-cloak>
    v-clock内容如下：
    [v-cloak] { display: none; }

三、试图分析

    原因是浏览器页面渲染时需要消耗一定的时间，虽然会很小，当页面添加了动效时这个时间就会被延长，继而出现上面的问题，