vFade 組件 ``` <template> <div> <transition> <slot name="fade">// 插槽 </slot> </transition> </div> </template> <script> export default { name: 'vFade' } </script> <style lang="scss" scoped> .v-enter, .v-leave-to { opacity: 0; } .v-enter-active, .v-leave-active { transition: opacity 1s; } </style> ``` 使用 vFade 組件包裹需要動畫的元素，并控制 v-if 實現動畫效果 1. 導入并注冊組件 vFade 2. 使用 ``` <v-fade> <p slot="fade" v-show="show">漸隱漸現</p> </v-fade>