nuxt 在服务器触发的生命周期
时间: 2023-11-27 17:25:29 浏览: 40
Nuxt.js 在服务器端渲染时会触发以下生命周期:
1. `nuxtServerInit`: 在服务端渲染期间,该钩子函数会在初始请求时被调用,可以用来初始化 Vuex Store 的数据。
2. `middleware`: 在服务端渲染期间,`middleware` 中间件会在 `nuxtServerInit` 之后被调用,用于处理一些请求前的操作,例如鉴权、数据获取等。
3. `validate`: 在服务端渲染期间,`validate` 钩子函数会在路由匹配之前被调用,用于验证路由参数的有效性。
4. `asyncData`: 在服务端渲染期间,`asyncData` 钩子函数会在组件实例化之前被调用,用于获取组件所需的异步数据。
5. `fetch`: 在服务端渲染期间,`fetch` 钩子函数会在组件实例化之后被调用,用于获取组件所需的异步数据。
6. `beforeCreate`: 在服务端渲染期间,`beforeCreate` 钩子函数会在组件实例化之后被调用,在客户端渲染时,该钩子函数会在组件挂载之前被调用。
7. `created`: 在服务端渲染期间,`created` 钩子函数会在组件实例化之后被调用,在客户端渲染时,该钩子函数会在组件挂载之后被调用。
8. `beforeMount`: 在客户端渲染期间,`beforeMount` 钩子函数会在组件挂载之前被调用。
9. `mounted`: 在客户端渲染期间,`mounted` 钩子函数会在组件挂载之后被调用。
在服务端渲染期间,`asyncData` 和 `fetch` 钩子函数会被自动调用,而在客户端渲染时,需要手动触发这两个钩子函数。