仿淘宝 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写好，不然很尴尬