Vue2 use()与component()注册全局组件插件

1，Vue.component() 只能注册一个组件，里面接收两个参数：第一个参数是自定义元素名称，也就是在页面中使用的这个组件的标签名称，第二个则是组件；

第一种：在main.js中直接注册
// 引入
import Test from '@/components/Test'
// 注册为全局组件
Vue.component('Test', Test)

2，Vue.use()  可以一次性注册多个组件；当我们需要进行多个组件的注册时候,假如说都写到main.js里面的话,这样就会造成main.js文件的臃肿与杂乱；所以可以使用Vue.use() 进行注册； 

新建一个js文件，该文件中引入需要注册的组件；并通过 install 方法导出，方法名字必须叫这个； 

import comA from '@/components/demo/comA'
import comB from '@/components/demo/comB'
export default {
  install(Vue) {
    Vue.component('comA', comA);
    Vue.component('comB', comB);
  }
}

最后

// 引入js文件，进行注册插件，可以一次注册多个
import js文件名称 from './utils/js文件名称'
Vue.use(js文件名称)