3种vue路由传参的基本模式（vue路由两种模式原理和区别）

Vue路由传参的基本模式包括：

1.通过路由路径传参，即在路由路径中添加参数；

2.通过路由查询参数传参，即在URL中添加查询参数；

3.通过路由状态传参，即使用$route对象的params属性或query属性传递参数。

1. Query传参模式：把参数放在URL的查询字符串中，即在URL后面加上?参数名=参数值，多个参数用&连接。
2. Params传参模式：把参数放在URL的路径中，即在定义路由时用:参数名占位，传参时用实际参数值替换。
3. Meta传参模式：在定义路由时通过meta属性设置参数，在组件中通过$route.meta访问参数值。
这种模式一般用于需要在多个组件中共享参数的场景。