单个组件注册

main.js

import empower from '@/components/empower/index.vue'
Vue.component('empower',empower)

使用

<empower></empower>

批量注册

1、首先在components 中新建一个 components.js（自定义命名） 文件

import Vue from 'vue'

const Coms = [{
        name: "xw-scroll",
        component: () =>
            import ('@/components/xw-scroll/index.vue')
    },
]

const vueComs = () => {
    Coms.forEach(item => {
        return Vue.component(item.name, item.component)
    })
}
export default vueComs

2、在main.js文件中引入

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

import vueComs from '@/components/components.js'	//注入
vueComs()	//调用

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')