路由传参方法一： params

1. 在路由的配置中 path: ''url':proid' 先在配置中添加

2. 跳转页面的时候携带拼接参数 router.push('url' + proid)

3. 在进入的页面通过 useRoute 进行接收

4. const route = useRoute()

5. console.log(route.params.proid);

路由传参方法二：query

1. 通过 router.push({query:{}}) 传递对象的方式进行传参

2. query 是一个对象，我们可以在对象中添加多个参数进行传递

3. 在进入的页面中可以通过 useRoute 进行接收

4. const route = useRoute()

query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示

应用场景

1. 页面导航和参数传递：当你需要在不同页面之间导航并传递参数时，Vue的路由传参非常有用。例如，在一个电子商务应用中，你可以将产品ID作为路由参数传递给产品详情页面

2. 搜索和过滤：如果你有一个页面需要根据用户的搜索或过滤条件来显示不同内容，你可以将这些条件作为路由参数，以便在页面之间切换时保留状态

3. 动态加载数据：路由参数可以用来触发页面加载数据的行为。当参数变化时，你可以通过路由守卫或watch属性来监听参数的变化，并触发数据的获取或处理

4. 定位和书签：使用路由参数可以帮助用户定位到特定页面状态，同时也支持用户创建书签以保存特定状态的URL

5. 多语言支持：如果你的应用支持多语言，你可以将用户选择的语言作为路由参数，以便在不同语言之间切换。

6. 页面布局和组件配置：有时，你可能想要根据不同的路由参数来决定页面布局或组件的配置。这使得你可以在同一个路由下渲染不同的组件或页面布局

7. 表单处理：当用户需要填写表单并在不同页面之间进行导航时，你可以使用路由参数来传递表单数据，以便在用户返回页面时保留填写的数据