vue3 消息推送

Vue 3 中的消息推送可以通过使用 Vue 的响应式系统来实现。你可以使用 Vue 的 `provide` 和 `inject` APIs 来创建一个全局的事件总线，用于在组件之间传递消息。

首先，在你的应用程序的根组件中，你可以创建一个新的 Vue 实例，并将其作为一个全局的事件总线进行提供：

// main.js
import { createApp } from 'vue'

const app = createApp(App)

app.provide('eventBus', new app.constructor())

app.mount('#app')

然后，在其他组件中，你可以使用 `inject` 来访问这个全局的事件总线，并在需要的地方触发和监听事件：

// ChildComponent.vue
import { inject } from 'vue'

export default {
  mounted() {
    const eventBus = inject('eventBus')

    // 监听事件
    eventBus.$on('message', (message) => {
      console.log('Received message:', message)
    })

    // 触发事件
    eventBus.$emit('message', 'Hello, Vue 3!')
  }
}

这样，你就可以在 Vue 3 中实现简单的消息推送功能了。请注意，这只是一种实现方式，还有其他方法可以实现类似的功能，比如使用第三方库或 Vuex 状态管理模式。具体使用哪种方式取决于你的需求和应用程序的复杂度。