vue2:路由跳转，如何将所有参数一起传参

在Vue 2中，你可以使用动态路由匹配来传递所有参数给目标组件。动态路由允许你在URL中包含变量，这些变量可以在组件内部通过`$route.params`对象访问。以下是设置动态路由并传递参数的基本步骤：

1. 配置路由：

const router = new VueRouter({
  routes: [
    {
      path: '/detail/:id', // 使用冒号(:)表示动态参数
      name: 'Detail',
      component: DetailComponent,
    },
  ],
});

2. 路由跳转时传参数：
当你需要从其他地方导航到详情页时，可以这样做：

this.$router.push({ name: 'Detail', params: { id: '参数值' } });
// 或者直接使用路径字符串
this.$router.push('/detail/参数值');

在`DetailComponent`中接收参数：

<template>
  <div>
    <h1>详细信息 - {{ $route.params.id }}</h1>
    <!-- 其他内容 -->
  </div>
</template>

<script>
export default {
  computed: {
    id() {
      return this.$route.params.id;
    },
  },
};
</script>