Vue基础淡入淡出动画组件
代码如下:
通过slot,使用时直接加在需要动画效果的标签外面即可
<template>
<transition>
<slot></slot>
</transition>
</template>
<script>
export default {
name: 'FadeAnimation'
}
</script>
<style lang="stylus" scoped>
.v-enter, .v-leave-to
opacity: 0
.v-enter-active, .v-leave-active
transition: opacity 0.5s
</style>