# Vue2.x 的动画
前言
介绍 Vue2.x 动画场景
- transition 标签最终并没有形成真实 dom
- 使用
<transition></transition>包裹，transition 标签有一个 name 属性，可以用来与过渡动画样式绑定 - 默认第一次显示元素的时候是没有动画的，可以添加 appear 属性，使得第一次显示也有动画
# 1.transition
# 1.name 绑定过渡样式
刷新
全屏/自适应
# 2.name 绑定动画样式
刷新
全屏/自适应
# 3.class 绑定过渡样式
刷新
全屏/自适应
# 4.class 绑定动画样式
刷新
全屏/自适应
# 2.transition-group
使用 <transition-group></transition-group> 标签可以包裹多个元素，但是子元素必须配置一个 key，否则报错
刷新
全屏/自适应