课后习题

一、填空题

1. Vue提供的内置过渡封装组件是_ transition__。
   2.在过渡封装组件中使用__name__属性可以重置过渡中切换类名的前缀。
   3.通过___appear_特性设置节点在初始渲染的过渡。
   4.在离开的过渡中有__v-leave,v-leave-active,v-leave-to____3个class切换。
   5.__自定义过渡__的类名优先级要高于普通的类名。

二、判断题

1.函数式组件中的render0函数用来创建组件模板。✔
２.给过渡元素添加v-bind : css ="true”，Vue会跳过CSS的检测。✖
3.在@before-enter阶段可以设，元素开始动画之前的起始样式。✔
4.在使用animate. css库时，基本的class样式名是animate。✖
5. enter和leave动画钩子函数，除el参数外还会传入一个done作为参数。✔

三、选择题

1.下列选项中关于动画钩子函数说法，正确的是©

A. @leave-cancelled函数只能用于v-if中
B.对于@enter来说，当与CSS结合使用时，回调函数done是必选的
C. done作为参数，作用就是告知Vue动画结束
D.钩子函数需要结合CSS transitions或animations使用，不能单独使用

2.下列关于Vue为标签提供的过渡类名的说法，错误的是(D)。

A. v-enter在元素被插入之前生效，在元素被插入之后的下一帧移除
B. v-leave在离开过渡被触发时立刻生效，下一帧被移除
C. v-enter-active可以控制进入过渡的不同的缓和曲线
D.如果name属性为my-name，那么my-就是在过渡中切换的类名的前缀

3.下列选项中关于多个元素过渡的说法，错误的是(D)。

A.当有相同标签名的元素切换时，需要通过key特性设置唯一的值来标记以让Vue区分它们
B.不相同元素之间可以使用v-if和v-else来进行过渡
C.组件的默认行为指定进入和离开同时发生
D.不可以给同一个元素的key特性设置不同的状态来代替v-ii和v-else

四、简答题

1.请简述JavaScript钩子函数包括哪些。

入场钩子分别是beforeEnter（入场前）、enter（入场）、afterEnter（入场后）和enterCancelled（取消入场）
出场钩子分别是beforeLeave（出场前）、leave（出场）、afterLeave（出场后）和leaveCancelled（取消出场）
< transition> @before-enter=“beforeEnter” @enter=“enter”
@after-enter=“afterEnter” @enter-cancelled=“enterCancelled”
@before-leave=“beforeLeave” @leave=“leave”
@after-leave=“afterLeave” @leave-cancelled=“leaveCancelled”
v-bind:css=“false”> // Vue会跳过CSS的检测 < /transition>

2.请简述6个内置的过渡类名。

进入（enter）： v-enter: 在元素被插入之前生效，在元素被插入之后的下一帧移除 v-enter-active:
在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡动画完成之后移除 v-enter-to:
在元素被插入之后下一帧生效（与此同时v-enter被移除），在过渡动画完成之后移除 离开（leave）：
v-leave：在离开过渡被触发时立刻生效，下一帧被移除
v-leave-active：在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡完成之后移除
v-leave-to：在离开过渡被触发之后下一帧生效（与此同时v-leave被移除），在过渡动画完成之后移除

3.请简述自定义过渡类名的属性有哪些。

enter-class
enter-active-class
enter-to-class
leave-class
leave-active-class
leave-to-class
注意：自定义类名的优先级高于普通类名