Nuxt 提供了一个强大的钩子系统,可以通过钩子扩展几乎每个方面。
由于 Nuxt 整合了 Vue、Nitro 前后端两个运行时,再加上它自身的创建过程,因此框架生命周期钩子分为三类:
Nuxt 钩子;
Vue App 钩子;
Nitro App 钩子。
const nuxtApp = useNuxtApp()
eg:
nuxtApp.hook("page:start",(e)=>{
bar.value?.start()
// console.log("page:start");
})
nuxtApp.hook("page:finish", () => {
window.scrollTo(0, 0)
})