vue注册多个全局组件

可以将全局的组件放在<code>src/components</code>文件夹下。在此文件下新建index.js文件。

import PageTool from './PageTool.vue'
import UploadExcel from './UploadExcel.vue'
export default {
  install(Vue) {
    Vue.component('PageTool', PageTool)
    Vue.component('UploadExcel', UploadExcel)
  }
}

再在main,js中全局注册这些组件 ：

import Vue from 'vue'
//引入
import Component from '@/components'
//注册
Vue.use(Component)

....

然后就可以在其他组件中任意使用这些全局组件了。

这样可以避免在main.js引入多个组件并注册导致入口文件臃肿的问题。