Vue transition 钩子是在Vue.js中提供给我们用来处理过渡效果的函数。在Vue.js中，我们可以使用transition标签来包裹需要过渡效果的元素，并通过transition的props来指定过渡的方式和持续时间。但是，如果我们需要在过渡过程中进行一些额外的操作，就需要使用到transition钩子。

Vue中提供了四个过渡钩子，分别是enter、leave、before-enter和after-leave。这四个钩子分别对应四个不同的过渡阶段。

transition: {
    enter(el, done) {},
    leave(el, done) {},
    beforeEnter(el) {},
    afterLeave(el) {}
}

入场动画的钩子有beforeEnter、enter、afterEnter三个阶段，出场动画的钩子有leave和afterLeave两个阶段。这些钩子可以在过渡过程中执行一些操作。

transition: {
    beforeEnter(el) {
        el.style.opacity = 0
    },
    enter(el, done) {
        velocity(el, {opacity: 1}, {
            duration: 300,
            complete: done
        })
    },
    afterEnter(el) {
        el.style.opacity = ''
    },
    leave(el, done) {
        velocity(el, {opacity: 0}, {
            duration: 300,
            complete: done
        })
    }
}

在上面的示例中，我们可以看到在进入动画前，设置了元素的opacity为0，进入动画后，使用velocity.js完成了一个淡入效果，在完成进入动画后，设置元素的opacity为空。出场动画同样使用了velocity.js完成了一个淡出效果，完成后会调用done函数。

Vue transition 钩子在实现过渡效果时非常有用。更多关于Vue钩子的信息，请查阅Vue.js的官方文档。