vue 注册全局组件

在Vue中，可以使用Vue.component方法来注册全局组件。在main.js文件中，可以通过引入组件并调用Vue.component方法来注册全局组件。例如，可以使用以下代码将名为CommonTable的组件注册为全局组件：

import Vue from 'vue'
import App from './App.vue'
import CommonTable from './components/CommonTable' //引入CommonTable组件
Vue.component('CommonTable', CommonTable) //注册CommonTable组件为全局组件

这样，CommonTable组件就可以在任何地方使用了。另外，还可以使用插件的形式来注册全局组件。可以创建一个统一注册的入口文件，将需要注册的全局组件引入并导出一个包含install函数的对象。然后在main.js文件中使用Vue.use方法来注册该插件。例如：

// 入口文件注册插件（components.js）
import PageTools from './PageTools'
export default {
install(Vue) {
// 注册全局组件
Vue.component('PageTools', PageTools)
}
}

// main.js
import Components from './components'
Vue.use(Components)

这样，通过使用插件的形式注册全局组件，可以更好地组织代码并提高可维护性。