在vue2中，两个页面之间进行传递数据

在 Vue 2 中，两个页面之间的数据传递主要有以下几种常见方式：

1. **props** (属性)：如果你想要从父组件向子组件传递数据，可以使用 props。子组件通过 `props` 接收数据，并且这个数据是单向流动的，防止了意外修改。

// 父组件
<template>
  <child-component :data="parentData"></child-component>
</template>

<script>
export default {
  data() {
    return {
      parentData: 'some value'
    };
  }
};
</script>

2. **事件bus** 或者 **Vuex**：当需要在多个非直接父子组件间通信时，可以创建一个全局事件中心（Event Bus），或者是利用 Vuex 的状态管理功能。比如使用 $emit 和 $on 进行自定义事件监听和触发。

// Event Bus (简单版本)
import bus from '@/eventBus';

// 发送数据
this.$bus.$emit('send-data', { key: 'value' });

// 子组件接收数据
methods: {
  handleReceiveData(data) {
    this.data = data;
  }
},
created() {
  this.$on('send-data', this.handleReceiveData);
}

3. **路由查询参数或路径参数**：如果数据不是特别复杂，也可以考虑通过 URL 传参，如使用 `router.push` 和 `$route.params` 或 `query`。

4. **Vue Router 提供的`$route`、`$params`和`$query`对象**：在同一个路由下的组件可以直接访问这些对象进行数据传递。

5. **自定义插件**：如果需求更为复杂，还可以编写一个自定义的插件来进行数据存储和共享。