vue3miain引入组件方法

在Vue 3中，引入组件的方法与Vue 2有所不同。下面是两种常见的引入组件的方法：

1. 使用全局注册：
在main.js入口文件中，可以使用`app.component`方法全局注册组件。例如，如果要引入名为`MyComponent`的组件，可以按照以下方式进行注册：

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

const app = createApp({})
app.component('my-component', MyComponent)
app.mount('#app')

然后，在模板中可以使用`<my-component></my-component>`来引用该组件。

2. 使用局部注册：
在需要使用组件的单文件组件中，可以使用`import`语句引入组件，并在`components`选项中进行局部注册。例如，如果要在名为`App.vue`的组件中引入名为`MyComponent`的组件，可以按照以下方式进行注册：

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

<script>
import MyComponent from './components/MyComponent.vue'

export default {
  components: {
    'my-component': MyComponent
  }
}
</script>

<style>
</style>

然后，在`App.vue`组件中就可以直接使用`<my-component></my-component>`来引用该组件。