- Transition
实现状态变化的过渡和动画,不用注册,直接使用,条件是:1、由 v-if 触发的切换;2、由 v-show 所触发的切换;3、由特殊元素 切换的动态组件;4、改变特殊的 key 属性
<template>
<Transition>
<MyComponent></MyComponent>
</Transition>
</template>
<style scoped>
.v-enter-active,
.v-leave-active {
transition: opacity 1s ease;
}
.v-enter-from,
.v-leave-to {
opacity: 0;
}
</style>