Vue中如何封装一个通用组件,然后全局注册

1.新建组件页面

2.新建一个js文件,用来提供注册入口

// 该文件负责所有的公共的组件的全局注册   Vue.use
import PageTools from './PageTools'
export default {
  install(Vue) {
    //  注册全局的通用栏组件对象
    Vue.component('PageTools', PageTools)
  }
}

3.main.js中完成全局注册

import Component from '@/components'

Vue.use(Component) // 注册自己的插件