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