首页/ 学科题库/ vue/ 过度动画与状态复用专题
vue 专题精讲

过度动画与状态复用专题

1 篇文章 5 道配套习题

过度动画与状态复用专题

专题说明

本专题涵盖Vue的过渡动画系统和状态复用模式,包括Transition、TransitionGroup组件及Composables等复用策略。

学习目标

  1. 掌握Vue过渡动画的使用和原理
  2. 理解状态复用的多种模式
  3. 了解Composables的组合式API复用

学习内容

  • Transition过渡组件
  • TransitionGroup列表动画
  • CSS动画和JavaScript动画
  • Composables状态复用

学习建议

建议先阅读配套完整指南,理解过渡动画和状态复用后再开始答题。

配套习题(5 题)

参考答案在文末
判断题
1
判断题

<transition>组件可以同时包裹多个同级元素进行动画。

A

对

B

错

单选题
2
单选题

Vue中用于给元素或组件添加过渡动画的组件是什么?

A

<animate>

B

<transition>

C

<animation>

D

<motion>

3
单选题

使用<transition-group>为列表添加动画时,每个子元素必须提供什么属性?

A

id

B

key

C

ref

D

name

4
单选题

在Vue中,哪种方式最适合实现组件状态的复用?

A

全局变量

B

作用域插槽

C

事件总线

D

LocalStorage

多选题
5
多选题

Vue的<transition>组件在过渡过程中会自动添加哪些CSS类名?

A

v-enter

B

v-enter-active

C

v-leave-to

D

v-animate

参考答案
1.错误 2.B 3.B 4.B 5.A;B;C
想在手机上刷这套专题的真题?
使用微信 卷王开发者小程序/App,首页顶部扫一扫识别二维码,即可解锁本专题全部配套练习与错题本。
了解产品 App
← 上一个专题 计算属性与侦听器专题 下一个专题 → 运行时渲染和核心机制专题