Question

vue 路由传参的几种方式

Answer 1

注意，如果提供了 path，params 会被忽略：

这种情况下 query （查询参数）传递的参数会显示在 url 后面，如：/details/001?kind=car。

使用 query 时，以下三种方式都是可行的：
1. this.$router.push('/details/001?kind=car')
2. this.$router.push({ path: '/details/001', query: { kind: "car" }})
3. this.$router.push({ name: 'details', params: { id: '001' }, query: { kind: 'car' }})

路由配置

组件中获取数据

<Hello /> 组件默认显示 Hello Vue，但路由配置了 props 对象，当路由跳转到 /hello 时，会显示传递过来的 name， 页面会显示为 Hello World。

以上内容仅供自己学习，查找方便