Vue -如何添加组件？

// main.js
import Vue from 'vue'
import MyComponent from './MyComponent.vue'

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

// MyComponent.vue
<template>
  <div>
    <my-component></my-component>
  </div>
</template>

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

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

<template>
  <div>
    <component :is="currentComponent"></component>
  </div>
</template>

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

export default {
  data() {
    return {
      currentComponent: 'my-component'
    }
  },
  components: {
    'my-component': MyComponent,
    'another-component': AnotherComponent
  }
}
</script>