使用Element封装的方法 进行封装组件

 1、创建一个js文件，将组件引入，操作如下

// 引入组件
import PageTools from '@/components/PageTools'

// 创建数组，数组中是导入的组件模块
const components = [
  PageTools
]

export default {
  // 当我们在 Vue.use 方法中创建了一个 install 方法
  // 方法会被自动调用，在调用的过程中，会将 Vue 作为参数传递给 install 方法
  install(Vue) {
    // 对组件模块数组进行遍历
    // 回调函数形参，就是每一个组件
    components.forEach(component => {
      // 第一个参数：component.name 声明的组件的 name 属性别名
      // 第二个参数：组件具体的逻辑
      Vue.component(component.name, component)
    })
  }
}

2、将js文件引入到main.js中，在模块中使用Vue.use 注册

import component from '@/components'
Vue.use(component)