vue代码写出全局组件和局部组件的注册

全局组件的注册：

1. 在 main.js 文件中，使用 Vue.component() 方法注册全局组件，如下所示：

import Vue from 'vue'
import App from './App.vue'
import MyComponent from './components/MyComponent.vue'

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

new Vue({
  el: '#app',
  render: h => h(App)
})

2. 在组件中使用该全局组件，如下所示：

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

局部组件的注册：

1. 在组件中使用 components 选项注册局部组件，如下所示：

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

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

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

2. 在父组件中使用该局部组件，如下所示：

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

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

export default {
  name: 'ParentComponent',
  components: {
    MyComponentWrapper
  }
}
</script>