Vue.js Nuxt可重用动态自定义页面转换与javascript挂钩？

我有一个Nuxt.js网站，我正试图让一些奇特的页面转换工作。我想我理解了当它只是CSS时应该如何使用

transition

设置，但是我如何让它与JavaScript挂钩一起重用呢

在我看来，我们应该能够做这样的事情：

// In a Page.vue template 
    transition(to, from) {
        if (!from) {
            return "fade"
        }
        if (to.name == "directors-name-work") {
            // Animate to video playing
            return "to-video"
        }
        if (from.name == "directors-name-work") {
            // Scroll to slideshow, and at same video we just came from.
            return "from-video"
        }
    }

然后我需要能够在JavaScript中的某个地方定义JS钩子用于

到视频

和

从视频

的功能，但我不知道这会用到哪里？在哪里为单独的转换定义了

enter（）

和

beforenter（）

钩子？如果我们只有一个转换，那么我可以在混音中完成。但当它是动态的，我不知道

---

是否有一个文件我应该放在某个地方，名为

转换到视频

和

转换自视频

？

它当前未记录，但页面可以返回一个，其中可能包括。这允许您在公共文件中定义共享转换对象，并根据需要将其导入页面：

~/transitions.js：

导出默认值{
褪色：{
名称：“褪色”，
模式：“输入输出”，
进站前（el）{
console.log（'fade before enter'）
}
},
弹跳：{
名称：'弹跳'，
后中心（el）{
console.log（'bounce afterEnter'）
}
},
}

~/pages/about.vue:

从“~/transitions”导入转换
导出默认值{
过渡（到，从）{
返回到.query.fade？transitions.fade:transitions.bounce
},
}

谢谢你，托尼！你怎么知道的？！