多级路由(嵌套路由)+路由传参(路由的query参数)+命令路由(name)+路由的params参数+路由的props配置 （路由间传值 最推荐！！！）

目录

1.多级路由(嵌套路由)

1.配置路由规则，使用children配置项

 2.跳转(要写完整路径)：

2.声明式导航router-link路由传参 ：路由传参(路由的query参数)

 1.传递参数：

方式1：跳转路由并携带query参数，to的字符串写法：

 方式2：跳转路由并携带query参数，to的对象写法：（推荐）

2.在组件中接收，通过 this.$route.query

3. 命令路由(name)

name的使用：

01.给路由命名：

2.简化跳转

​编辑 4.路由的params参数

1.配置路由，声明接收params参数：

 2.传递参数:

3.接收参数：this.$route.params

 4.路由的props配置  （路由间传值 推荐！！！）

---

1.多级路由(嵌套路由)

1.配置路由规则，使用children配置项

分析：子级路由的 path ,不需要写  / 

 

 2.跳转(要写完整路径)：

2.声明式导航router-link路由传参 ：路由传参(路由的query参数)

 1.传递参数：

方式1：跳转路由并携带query参数，to的字符串写法：

不传参数时：

传参数时： 

 方式2：跳转路由并携带query参数，to的对象写法：（推荐）

不传参数时：

它这个name是在定义组件/或者路由器里面管理的路由中的name。 

传递参数时：

2.在组件中接收，通过 this.$route.query

3. 命令路由(name)

name的使用：

01.给路由命名：

2.简化跳转

简化前

简化后： 

分析：简化后，router-link里面 to的配置项就不用写 path了，直接写路由name 

 4.路由的params参数

1.配置路由，声明接收params参数：

 2.传递参数:

注意点：路由携带params参数时，若使用to的对象写法，则不能使用path配置项，必须使用name配置。

3.接收参数：this.$route.params

 4.路由的props配置  （路由间传值 推荐！！！）

作用：让路由组件更方便的收到参数

传递参数：

组件规则： 

接收参数：