nuxt的生命周期分為客戶端生命周期,服務端生命周期
1、服務端的生命周期
執行順序為:nuxtServerlnit(store,context){}, 類似於vue.js中的main.js。可以在這個生命周期中獲取token,並存儲。
store : vuex上下文
context : nuxt上下文
Moddleware({store,route,redirect,params,query,req,res}){},類似於vue.js中的導航守衛,可以是全局的,路由的,組件的。可以在這個生命周期中進行用戶是否登錄判斷,
全局 nuxt.config.js進行配置
router:{
middkeware:'js文件'
}
js文件是新建的文件
validate({params,query}){return:true} 用來做校驗做url參數對不對的.主要是在頁面中使用
asyncData() 限於頁面組件(pages)中使用個,components中不能使用每次加載之前被調用。一般在這個函數中發送請求
fetch() 可以在頁面、組件中都能使用
2、服務端和客戶端公用個的生命周期 (el還沒有被渲染)
beforeCreate()
created()
3、客戶端的生命周期
beforeMount()
mounted()
