vue实现两个页面跳转传参

在Vue中实现两个页面之间的跳转并传递参数，通常可以采用以下几种方式：

1. **通过URL查询参数**：
使用`this.$router.push()`方法，并将参数拼接在URL路径后面，如`this.$router.push({ path: '/target', query: { paramKey: 'paramValue' } })`。接收参数时，在目标页面通过`this.$route.query`获取。

2. **使用路由元信息** (meta)：
在每个需要传递参数的路由配置里添加`meta`属性，然后在跳转时指定`name`属性。在目标页面通过`this.$route.meta`获取参数。

3. **vuex状态管理**：
如果数据需要长期存储，可以考虑使用Vuex。在store中设置状态，跳转时携带action更新state，目标页面通过`this.$store.state`获取参数。

4. **组件间通信（$emit/$on）**：
对于父子组件间的传参，可以在事件总线（Event Bus）或自定义事件中传递参数。例如，先在父组件触发一个事件，子组件捕获后处理跳转。

// 父组件
this.$emit('goToPage', { key: value });

// 子组件
created() {
  this.$on('goToPage', ({ key }) => {
    // 跳转并携带参数
    this.$router.push({ name: 'TargetPage', params: { param: key } });
  });
}