vue3.0如何使用bus总线传值

### 回答1：

Vue3.0可以使用Vue.observable来实现bus总线传值，可以在不同组件之间共享状态。具体使用方法可以参考Vue官方文档：https://vuejs.org/v2/guide/migration-observable.html

### 回答2：
在Vue 3.0中使用事件总线（bus）传值，可以通过创建一个vue实例作为中央事件总线来实现。首先，需要在Vue应用的入口文件中创建这个中央事件总线，可以命名为`bus.js`：

import { createApp } from 'vue'

const app = createApp({})
const bus = app.config.globalProperties.$bus = app._bus = new app()

export default bus

然后，在你想要传值的组件中，可以通过`$emit`方法触发自定义事件，并将数据作为参数传递：

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

<script>
import { defineComponent } from 'vue'
import bus from './bus.js'

export default defineComponent({
  methods: {
    sendMessage() {
      bus.$emit('message', 'Hello, World!')
    }
  }
})
</script>

将数据发送到中央事件总线后，其他需要接收数据的组件可以使用`$on`方法来监听自定义事件，并在回调函数中获取传递的值：

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

<script>
import { defineComponent, ref, onMounted } from 'vue'
import bus from './bus.js'

export default defineComponent({
  setup() {
    const receivedMessage = ref('')

    onMounted(() => {
      bus.$on('message', (message) => {
        receivedMessage.value = message
      })
    })

    return {
      receivedMessage
    }
  }
})
</script>

这样，当发送消息的组件点击按钮时，接收消息的组件会更新其中的`receivedMessage`数据，从而实现了在Vue 3.0中使用中央事件总线传值的功能。

### 回答3：
在Vue 3.0中，我们可以使用事件总线（event bus）来实现组件之间的通信并传值。下面是使用事件总线传值的步骤：

步骤1：创建一个事件总线对象
在一个独立的JavaScript文件中，创建一个Vue实例作为事件总线对象：

// eventBus.js
import { createApp } from 'vue'
export const eventBus = createApp({})

步骤2：在需要传值的组件中引入事件总线
在需要传值的组件中，引入事件总线对象：

import { eventBus } from './eventBus.js'

步骤3：在发送方组件中发送事件
在发送方组件中，通过事件总线对象发送一个事件，并传递需要传的值：

eventBus.config.globalProperties.$emit('eventName', value)

其中'eventName'是自定义的事件名，value是需要传递的值。

步骤4：在接收方组件中接收事件
在接收方组件中，通过事件总线对象监听事件，获取传递的值：

eventBus.config.globalProperties.$on('eventName', (value) => {
  // 接收到传递的值
})

在事件回调函数中，可以通过参数获取到传递的值。

步骤5：注销事件监听（可选）
在接收方组件销毁前，可以通过eventBus对象的$off方法注销事件监听：

eventBus.config.globalProperties.$off('eventName')

通过以上步骤，我们就可以在Vue 3.0中使用事件总线（event bus）来实现组件之间的通信和值的传递。