1、前提基礎
- 本文在上一章-vue專案搭建的基礎上，對vue-router路由配置進行進行詳細的介紹。
2、路由配置
- 按下圖所示新建pages,layout資料夾，新建vue檔案（這裡NewDetails元件的path應該為'/new_details'）。
- 如圖所示配置路由檔案。頁面效果如下：
3、按需載入和路由鑑權
- 安裝vuex（cnpm i vuex -S）,修改router下的index.js檔案如下圖所示，採用按需載入：
- 效果如下所示：
- 點選按鈕跳轉到新聞詳情頁面，由於詳情頁需要登入許可權，重定向到了登入頁面，並保留了重定向之前的頁面路由，登入之後可以直接跳轉至新聞詳情頁。
4、總結
- 本文主要介紹瞭如何規劃專案結構
- vue-router的基本配置與按需引用
- 利用vue-router全域性鉤子做登入鑑權。