[TOC] ### 1. 定义组件使用transition包裹 ~~~ <template> <transition> <slot name="fade"></slot> </transition> </template> ~~~ ### 2. 样式 ~~~ .v-enter{ opacity: 0; } .v-enter-active{ transition: opacity 1s; } .v-leave-to{ opacity:0; } .v-leave-active{ transition: opacity 1s; } ~~~ ### 3. 然后再要使用的页面的components中注册组件然后将要使用动画效果的代码用组件包裹