vue路由相同时 复用的组件不会被销毁 那动画如何执行

Question

官方说明路由detail/:id 是复用同一个组件 如果组件不销毁transition就没用了 那怎么给这个组件加动画实现类似app的滑页的效果

Answer 1

组件v-if=“activated”

activated 钩子 this.activated = true

deactivated 钩子 this.activated = false