uniapp中监听
监听事件的方法
在UniApp中监听事件可以通过多种方式实现，具体取决于事件类型和场景需求。以下是几种常见的监听方法：
1. 组件事件监听
在模板中使用@符号监听组件事件，例如按钮点击事件：
<button @click="handleClick">点击按钮</button>2. 全局事件监听
使用uni.$on方法监听全局自定义事件：
uni.$on('eventName', (data) => {
console.log('接收到事件数据:', data);
});3. 页面生命周期监听 在页面生命周期函数中监听特定事件：
onLoad() {
uni.onWindowResize((res) => {
console.log('窗口尺寸变化:', res);
});
}4. 原生事件监听 对于需要监听原生事件的场景，如网络状态变化：
uni.onNetworkStatusChange((res) => {
console.log('网络状态变化:', res.isConnected);
});事件移除的注意事项
为了避免内存泄漏，需要在适当的时候移除事件监听器。例如组件销毁时移除全局事件：
beforeDestroy() {
uni.$off('eventName');
}特殊场景的监听处理
对于需要持续监听的情况，如地理位置变化，应该考虑性能影响：
const watchId = uni.startLocationUpdate({
success: () => {
uni.onLocationChange((res) => {
console.log('位置变化:', res);
});
}
});
// 需要停止时调用
uni.stopLocationUpdate({
watchId: watchId
});跨页面通信方案
对于需要跨页面通信的场景，可以使用全局事件总线或Vuex状态管理：
// 页面A触发事件
uni.$emit('dataUpdate', {key: value});
// 页面B监听事件
uni.$on('dataUpdate', (data) => {
this.data = data;
});以上方法涵盖了UniApp中大多数事件监听需求，开发者可以根据具体场景选择合适的方式。注意合理管理事件监听器的生命周期，避免不必要的性能开销。
