1、动画问题

(1)单个元素给动画

<transition name="fade"></transition>

(2)多个元素给动画，也就是动画列表

<transition-group name="slide-fade" mode="out-in">

    <div v-for="item in  list" :key="item.key"></div>

</transition-group>

   ** 注意1：一定要给里面的元素加  key   ，好像是用来分辨

   **注意2 ：  要加mode="out-in" ,这样前后两个页面的淡入淡出不会重叠
（3）如果每个页面都要动画，就给路由加
     <transition name="fade">
        <router-view/>
     </transition>
   **需要注意的是  页面position写好，不然很尴尬