nuxt.js的生命周期


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()


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM