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