uniapp vue3全局共用组件

在 Vue3 中，注册全局共用组件的方法与 Vue2 中略有不同，具体步骤如下：

1. 创建全局组件

在 `src/components` 目录下创建一个组件，例如 `MyComponent.vue`，并在该文件中定义组件内容。

<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  name: 'MyComponent',
  props: {
    message: {
      type: String,
      default: 'Hello, World!'
    }
  }
}
</script>

2. 注册全局组件

在 `src/main.js` 文件中，使用 `app.component()` 方法注册全局组件。

import { createApp } from 'vue'
import App from './App.vue'
import MyComponent from './components/MyComponent.vue'

const app = createApp(App)

app.component('my-component', MyComponent)

app.mount('#app')

这样就完成了全局组件的注册。在任何页面中，都可以使用 `<my-component>` 标签来使用该组件了。

<template>
  <div>
    <my-component message="Hello, Uniapp!"></my-component>
  </div>
</template>

需要注意的是，Vue3 中使用了 `createApp()` 方法来创建应用实例，而不是 Vue2 中的 `new Vue()` 方法。此外，Vue3 中注册全局组件的方式也有所变化。