基本信息
文件名称:《Vue.js前端开发技术与实践》课件_第7章vue过渡与动画.pptx
文件大小:65.39 KB
总页数:14 页
更新时间:2025-09-17
总字数:约2.22千字
文档摘要

第7章Vue过渡与动画

transition组件Vue提供了transition组件,在条件渲染(使用v-if)、条件展示(使用v-show)、动态组件及组件根节点可以给任何元素和组件添加进入/离开过渡。transition组件只会把过渡效果应用到其包裹的内容上。

transition组件应用CSS过渡或动画Vue为transition标签内部的元素提供了3个进入过渡的类和3个离开过渡的类,共6个类,如下表所示:过渡类型说明v-enter进入过渡的开始状态,作用于开始的一帧v-enter-active进入过渡生效时的状态,作用于整个过程v-enter-to进入过渡