Nuxt生命周期
1、服务端生命周期
1. nuxtServerInit(store, context){} 服务端初始化 动态token 读到设置
参数1 :vuex上下文
参数2 :nuxt上下文
在store中写时
2. middleware:'auth' 中间件 导航守卫 判断是否存在
全局:在nuxt.config.js中添加
router:{
middleware:'auth'
}
新建文件夹middleware/auth.js
局部:在组件内 middleware:'auth' 新建文件夹middleware/auth.js
或者直接 middleware({store, route, rredirect, params, query, req, res}){}
3. validate 校验参数
局部使用 validate({params, query}){ return true} 必须有return
4. asyncData pages中的页面来请求数据的,组件每次加载之前被调用
asyncData({store,query}){}
5. fetch({app,store,params}){} 可用于组件请求数据
2、服务端和客户端共有的生命周期
beforecreate
created
3、客户端生命周期
vue的生命周期
没有什么是一蹴而就的。
浙公网安备 33010602011771号