如何在UniApp的不同页面之间实现无刷新的数据传递？

在 UniApp 中，为了实现不同页面之间的无刷新数据传递，可以利用 Vue 的组件通信机制以及 Vuex 状态管理库。以下是几种常用方法：

1. **事件Bus**：创建一个全局事件中心，当一个页面需要向其他页面发送数据时，通过触发自定义事件，并在接收页面监听这个事件。Vuex 提供了`store.dispatch()` 和 `store.commit()` 来发布和处理动作，但这通常用于状态管理。

// Event Bus
const eventHub = new Vue();
eventHub.$on('dataUpdated', data => {
  // 接收页面的处理函数
});

// 发送数据到事件中心
this.$emit('dataUpdated', { keyData: 'value' });

2. **Vuex**：如果数据是应用共享的状态，可以存储在 Vuex store 中，然后通过 actions 和 mutations 跨组件获取和修改数据。

3. **父子组件间的 props 和 emit**：对于直接父子关系，可以使用 prop 从父组件传递数据给子组件，或者使用 `$emit` 触发自定义事件通知父组件更新。

4. **路由元信息 (meta)**：在 router.js 或单个路由配置里，你可以添加 meta 对象来传递额外数据，然后在守卫或生命周期钩子中读取。

{
  path: '/page',
  component: PageComponent,
  meta: {
    data: {
      key: 'value'
    }
  }
}

在`PageComponent`中读取元信息:

created() {
  this.data = this.$route.meta.data;
}