vuejs的transition钩子函数在组件中如何使用？

Question

根据vuejs官方文档，可以在动画执行前，利用钩子函数进行一些操作，如果是全局钩子对象，则通过

Vue.transition('fade', {  enter: function () {},  leave: function () {}
})

但是我在.vue文件中写的时候，用的是

export default{
    data(){}
}

此时该如何利用钩子函数控制动画呢？官方文档中有一个transitions选项，但是如何使用呢？