vue添加加载动画

vue项目太大了,放到服务器的时候,加载期间有一段时间的空白期,所以想办法加上一段动画,减少这段空白期
vue2.x版本

1. 创建动画效果和dom元素,放在index.html里
2. 在vue create事件里隐藏创建的dom元素
   index.html

   

        

            
l
            
o
            
a
            
d

App.vue里隐藏动画dom

 beforeCreate(){
       let loadi=document.getElementsByClassName("index_loading")
      // console.log(loading_index.innerText)
       for (let i=0;i