uniapp全局消息通知

在Uniapp中实现全局消息通知可以使用事件总线（Event Bus）的方式。事件总线是一个中央通信的机制，可以在不同组件之间传递消息。

以下是实现全局消息通知的示例代码：

1. 创建一个新的Vue实例作为事件总线，例如在`main.js`文件中添加以下代码：

// main.js

import Vue from 'vue'
import App from './App'

// 创建事件总线
export const bus = new Vue()

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

2. 在发送消息的组件中，使用`bus.$emit()`方法触发事件，并传递需要传递的数据：

// Sender.vue

<template>
  <button @click="sendMessage">发送消息</button>
</template>

<script>
import { bus } from '@/main.js'

export default {
  methods: {
    sendMessage() {
      // 发送消息
      bus.$emit('message', '这是一条消息')
    }
  }
}
</script>

3. 在接收消息的组件中，使用`bus.$on()`方法监听事件，并处理接收到的数据：

// Receiver.vue

<template>
  <div>{{ receivedMessage }}</div>
</template>

<script>
import { bus } from '@/main.js'

export default {
  data() {
    return {
      receivedMessage: ''
    }
  },
  created() {
    // 监听消息
    bus.$on('message', (message) => {
      // 处理接收到的消息
      this.receivedMessage = message
    })
  },
  beforeDestroy() {
    // 组件销毁时取消监听
    bus.$off('message')
  }
}
</script>

在上述示例中，我们创建了一个名为`bus`的事件总线，并在发送消息的组件中使用`bus.$emit()`方法发送消息，在接收消息的组件中使用`bus.$on()`方法监听消息。

这样就实现了在Uniapp中的全局消息通知功能。当发送消息的组件点击按钮时，接收消息的组件会接收到并显示收到的消息。

注意：要确保在不需要使用事件总线时，及时取消监听，避免内存泄漏问题。在接收消息的组件的`beforeDestroy`钩子中使用`bus.$off()`方法取消监听。