Vue登錄注冊,并保持登錄狀態(tài)

關于vue登錄注冊,并保持登錄狀態(tài),是vue玩家必經(jīng)之路,網(wǎng)上也有很多的解決方法,但是有一些太過于復雜,新手可能會看的一臉懵逼,現(xiàn)在給大家介紹一種我自己寫項目在用而且并不難理解的一種方法。

項目中有一些路由是需要登錄才可以進入的,比如首頁,個人中心等等

有一些路由是不需要登錄就可以進入,比如登錄頁,注冊頁,忘記密碼等等

那如何判斷路由是否需要登錄呢?就要在路由JS里面做文章

1.在router.js中添加meta區(qū)分

比如登錄注冊頁面,不需要登錄即可進入,那么我們把meta中的isLogin標志設置為false


2.接下來我們在login.vue中修改登錄后狀態(tài)


3.Vuex里面我是這樣寫的(如果項目不需要Vuex,那么直接使用HTML5儲存就可以了):


4.重點來了~,在mian.js里


?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • vue-cli搭建項目 確保安裝了node與npm 再目標文件夾下打開終端 執(zhí)行cnpm i vue-cli -g...
    Akiko_秋子閱讀 3,362評論 1 22
  • 從18年7月16號入職到現(xiàn)在已經(jīng)5個月多了,入職之后就一直使用vue,來這邊溫習記錄下使用的步驟。在我的理解中vu...
    好市民學編程閱讀 2,109評論 2 12
  • 基于Vue的一些資料 內容 UI組件 開發(fā)框架 實用庫 服務端 輔助工具 應用實例 Demo示例 element★...
    嘗了又嘗閱讀 1,284評論 0 1
  • ## 框架和庫的區(qū)別?> 框架(framework):一套完整的軟件設計架構和**解決方案**。> > 庫(lib...
    Rui_bdad閱讀 3,153評論 1 4
  • 職業(yè)化——商業(yè)中的教養(yǎng) 職業(yè)化我覺得不只是商業(yè)中的教養(yǎng),也是生活中的教養(yǎng)。非職業(yè)化的案例“失信,遲到,勸酒,打擾”...
    方方FineYoga閱讀 141評論 0 0

友情鏈接更多精彩內容