一、路由模組化

      路由的模組化其實就是類似於vue中的路由模組化，我們通過定義一個數組，將路徑和元件包含在裡面，然後在配置路由的時候用模組化寫法就可以，如下所示：

1 定義路由路徑及元件包：

2 配置路由時用模組化寫法：

3 在src目錄下新建一個route目錄，在此目錄下新建一個routes元件，然後將上述的陣列剪下到這個檔案中，如圖：

4 最後，在根元件中我們只需引入上述這個路由元件就完成了路由的模組化，如圖：

二、路由巢狀

普通寫法的路由巢狀就像配置普通路由一樣，在需要路由的檔案中繼續配置路由即可。在此處我們特別說明一下模組化寫法下的路由巢狀過程。

1 繼續上述步驟的工作開始進行說明。上述我們已經實現了路由的模組化，將路由檔案已經進行了抽離，形成了一個單獨的檔案。接下來我們進行路由巢狀。

2 我們在之前的component資料夾下新建一個user資料夾，然後新建兩個元件，分別是userlist和useradd元件，如圖：

3 新建元件後我們在路由檔案裡面配置這兩個檔案的路由，在user路由下配置兩個子路由，如圖：

4 然後我們在App根元件中修改我們之前的路由迴圈寫法，如下：

其中的render部分難於理解，大家也可以理解為固定寫法。

5 最後我們在User元件中獲取我們根元件傳過去的引數，然後遍歷User元件的子路由寫法，如下：

6 在主樣式檔案中新增樣式，然後除錯程式，我們實現了路由模組化及巢狀。