vue 注册全局组件

新建文件将组件写成数组格式并导出

这里拿三个组件举🌰,路径按照自己项目路径来

import Loading from 'Loading.vue'
import BreadMenu from 'BreadMenu.vue'
import Modal from 'Modal.vue'

const globalComponents = [
  {
    name: `ax-loading`,
    component: Loading
  },
  {
    name: `ax-breadMenu`,
    component: BreadMenu
  },
  {
    name: `ax-modal`,
    component: Modal
  }
]
export default globalComponents

name 是你在使用组件时候的标签名称比如 ax-loading在使用的时候就是

<ax-loading></ax-loading>

注册组件

// 在 main.js 引入
import globalComponents from '../globalComponents.js'

// 然后遍历注册所有组件
globalComponents.forEach(item => {
  Vue.component(item.name, item.component)
})

这就可以在所有组件内部直接使用了不用挨个 import