Vue首屏加载loading动画界面和路由跳转动画

1、首屏加载等待界面

（1）在public的index.html里面的id为app的div标签里面添加

    
    

      

        

        

        

        
正在加载 nx-admin,请耐心等待
          

          V1.3
        
      
    
    
  

（2）继续添加style

2、vue路由跳转动画

（1）在App.vue里面添加

(2) 在App.vue的style里面添加

#app{
    .fade-enter-active,
  .fade-leave-avtive {
    transition: opacity 1s;
  }
  .fade-enter,
  .fade-leave-to {
    opacity: 0;
  }
}

就能基本实现路由跳转时添加普通动画效果