vue3中如何使用原型链

在Vue 3中，使用原型链的方式与Vue 2有所不同。在Vue 3中，你可以使用`app.config.globalProperties`来添加全局属性或方法到Vue实例的原型链上。

具体使用方法如下：
1. 在`main.js`中创建Vue实例时，可以通过`app.config.globalProperties`来添加全局属性和方法。例如，如果你想在Vue实例上添加一个名为`$EventBus`的全局事件总线，可以这样写：

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

app.config.globalProperties.$EventBus = new Vue();

app.mount('#app');

2. 然后，在任何Vue组件中，你都可以通过`this.$EventBus`来访问全局事件总线，并使用其提供的方法进行事件的触发和监听。例如，在一个组件中可以这样使用：

export default {
  mounted() {
    this.$EventBus.$emit('event-name', data);
  },
  methods: {
    handleEvent(data) {
      // 处理事件
    }
  },
  created() {
    this.$EventBus.$on('event-name', this.handleEvent);
  }
}

通过以上方法，你可以在Vue 3中使用原型链来添加全局属性和方法，并实现组件间的通信。注意，Vue 3中的`createApp`函数代替了Vue 2中的`new Vue()`，其他部分的用法基本相同。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue中关于JS原型链的应用](https://blog.csdn.net/qq_38802910/article/details/125884336)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue3、Vue2原型链挂载区别与实战举例](https://blog.csdn.net/qq_43547255/article/details/125925863)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]