仿淘寶 vue

最近自己閑着無聊，用vue仿照淘寶打算寫個皮囊，順便把遇到的問題順便記錄下

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寫好，不然很尷尬