vue 使用transition-group 做简单动画效果

使用transition 标签只能让单个元素添加动画效果。

大多数情况下 ，列表的动画 就要用到 transition-group

<transition-group appear tag='ul'>
    页面内容
</transtion-group>

这里面对于想要添加动画的列表，使用transition-group 标签包裹

tag=‘ul’ 表示 transtion-group 会渲染成一个ul 标签

apper 表示 给列表添加入场动画。