uniapp tabbar 之间通信

uniApp 的 TabBar 之间的通信主要是通过 Vue 的父子组件通信机制和 Vuex 状态管理库来实现的。TabBar 中的各个页面通常作为独立的组件存在，当它们需要共享数据或者交互时，可以采用以下几种方法：

1. **Vue 的 prop 和 emit**：父组件 TabBar 可以将状态或方法作为 prop 传递给子组件，然后子组件通过 `@emit` 触发事件通知父组件更新状态。

// 父组件（TabBar.vue）
<tab-item :data="item" @update-data="handleDataUpdate"></tab-item>

// 子组件（PageA.vue）
this.$emit('update-data', newData);

2. **Vuex**：如果数据需要在整个应用范围内共享，可以存储在 Vuex store 中，通过 actions 或 mutations 调整状态，并触发必要的视图更新。

// Store.js
export const mutations = {
  updateData(state, payload) {
    state.data = payload;
  }
};

// 调用
this.$store.commit('updateData', { ... });

// 页面A中调用 dispatch
this.$store.dispatch('updateData', { ... });

3. **事件总线（Event Bus）**：在大型项目中，为了避免直接依赖于 vuex，也可以利用事件总线来处理跨模块的通信。

// bus.js
const eventBus = new Vue();

eventBus.$on('dataUpdated', data => {
  // 更新TabBar的状态
});

// 页面A中发射事件
eventBus.$emit('dataUpdated', newData);