一、什麼是路由
- 網絡原理中：指路由器從一個接口上收到數據包，根據數據包的目的地址進行定向並轉發到另一個接口的過程
- web開發中：根據網址找到能處理這個的URL程序或模塊
- vue.js中：vue中的基礎是組件，引入vue-router後，處理路由與組件的映射，即將url對應到組件上
二、基本路由與動態路由
基本路由：一個路由對應一個組件，如下代碼{path:’/home’,component:Home}
動態路由：使用參數將所有路由對應到一個組件中，如{path:’/user/:userId’,component:User}
注意：動態路由中path屬性中以冒號(:)開頭
效果展示
當改變App.vue中userId屬性值時，url顯示的值也會不同
三、嵌套路由
通常vue項目由多個嵌套的組件的組成，也就是嵌套組件
代碼中在原有的path屬性下，加入了children屬性
圖片中1234就是代碼執行的過程，腦子中將代碼執行順序走一遍，你就會了
顯示效果
四、動態路由和嵌套路由區別
先看url實現效果
動態路由：使用參數將所有路由對應一個組件，如userlisi，userzhangsan都對應User一個組件
嵌套路由：每個子路由都對應一個組件，如父路由home,子路由news、message分別對應一個組件
在實際項目，動態路由和嵌套路由可以一塊使用