vue3 step 使用 中央事件总线

在Vue 3中，中央事件总线的概念已经被废弃，取而代之的是使用Vuex来进行状态管理和事件传递。Vuex是Vue.js的官方状态管理库，它可以帮助我们在应用程序中集中管理和共享状态。

要在Vue 3中使用Vuex，首先需要安装Vuex库。可以使用以下命令进行安装：

npm install vuex@next

安装完成后，在Vue应用程序的入口文件中引入Vuex并使用`createStore`函数创建一个store实例。然后，将store实例挂载到Vue应用程序的根组件上。

import { createApp } from 'vue'
import { createStore } from 'vuex'
import App from './App.vue'

const store = createStore({
  // 在这里定义你的state、mutations、actions等
})

createApp(App).use(store).mount('#app')

接下来，你可以在组件中使用`$store`来访问store实例，并通过调用`commit`方法来触发mutations，调用`dispatch`方法来触发actions。

export default {
  methods: {
    handleAddAsync() {
      this.$store.dispatch('addNAsync', 3)
    }
  }
}

这样，你就可以在Vue 3中使用Vuex来进行状态管理和事件传递了。