全部学科
Python全栈
python
NodeJS全栈
nodejs
📝 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
想在手机上练习这套专题?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码
← 上一个专题 计算属性与侦听器专题
下一个专题 → 运行时渲染和核心机制专题
扫码体验小程序
加载中
想在手机上刷题学习?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码