uniapp监听多个数据

UniApp是一个基于Vue.js的跨平台开发框架，它允许开发者编写一次代码，然后生成适用于iOS、Android等不同平台的应用。如果你想在UniApp中监听多个数据的变化，你可以使用Vuex（状态管理模式）或者Event Bus（事件总线）来实现。

1. **Vuex**：如果数据是应用的状态，你可以将它们存储在Vuex store中。每当这些数据发生改变，都会触发相应的mutation（状态更新动作），你可以在actions或组件中订阅这些mutation来监听数据变化。

// 定义store
import Vue from 'vue'
import Vuex from 'vuex'

const store = new Vuex.Store({
  state: {
    data1: '',
    data2: ''
  },
  mutations: {
    setData1(state, value) {
      state.data1 = value
    },
    setData2(state, value) {
      state.data2 = value
    }
  }
})

// 观察data1和data2
store.watch(['data1', 'data2'], () => {
  // 在这里处理数据变化
}, { immediate: true }) // 如果你想立即初始化一次

2. **Event Bus**：如果你需要在多个组件间共享非状态相关的事件，可以创建一个独立的Event Bus实例，并通过`$on`和`$emit`方法来传递事件。

// 创建event bus
const eventBus = new Vue()

// 监听数据变化
eventBus.$on('dataChanged', (type, newData) => {
  if (type === 'data1' || type === 'data2') {
    // 处理新数据
  }
});

// 触发数据变化
this.$bus.$emit('dataChanged', 'data1', 'newValue')