vue3 如何使用this使用全局注册

在 Vue3 中，使用 `this` 访问全局注册的组件、指令、过滤器或插件已经不再支持。在 Vue3 中，我们需要使用 `app.config.globalProperties` 来实现全局注册。

下面是一个简单的例子，演示了如何在 Vue3 中全局注册一个组件并在模板中使用：

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

const app = createApp({});

// 全局注册组件
app.component('my-component', MyComponent);

app.mount('#app');

在上面的代码中，我们先通过 `createApp` 创建了一个 Vue3 实例 `app`，然后在 `app` 上调用 `component` 方法来全局注册了一个名为 `my-component` 的组件，其对应的组件选项是 `MyComponent`。

接下来，在模板中我们就可以直接使用 `my-component` 标签来使用这个全局注册的组件了：

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

需要注意的是，在使用 `app.config.globalProperties` 注册全局组件、指令、过滤器或插件时，需要在创建 `app` 实例之前进行注册。否则，在组件中使用它们时会出现未定义的错误。