一、我们可以看 https://cn.vuejs.org/v2/guide/transitions.html
二、transition 有二种状态 进入离开 / 显示隐藏
我们使用transitions可以让用户有更好的体验,因为transitions是过度,可以配和keep-Alive,
既可以减少性能的开发,而且可以让用户有更好的体验
transitions有二种状态 一种是显示、隐藏,一种是进入、离开
v-enter-actions 可以定义进入过度开始的状态
v-enter 进入时
v-enter-to 是进入后
v-leave-actions 是定义离开的过度
v-leave 是离开时
v-leave-to 是离开后
单元素/组件的过渡
·条件渲染 (使用 v-if)
·条件展示 (使用 v-show)
·动态组件
·组件根节点
过渡的类名:
在进入/离开的过渡中,会有 6 个 class 切换。
v-enter-active:定义进入过渡的开始状态。
v-enter:进入时
v-enter-to:进入结束后
v-leave-active:定义离开过渡的开始状态。
v-leave:离开时
v-leave-to:离开后