第十九课 transition过渡动效1
需积分: 0 98 浏览量
2022-08-03
20:06:45
上传
评论
收藏 247KB PDF 举报
学习前端，最快的进步是持续！
第十九课 transition 过渡动效
学习目录
transition 过渡动效
一．transition 过渡动效
在 vue 组件切换的过程中，可以使用<transition>组件来给组件 router-view 添加一
下过渡效果。
<transition>
<router-view></router-view>
</transition>
如果使用<transition>组件必须要 css 配合才更好，css 可以更灵活的定义各种过渡动
画，让组件或者元素显示更加顺畅舒服。
以透明度渐变动画为例子，过渡动画的编写有以下几个 class 切换过程。
v-enter：定义进入过渡的开始状态。
v-enter-active：定义进入过渡生效时的状态。
评论0