使用vue插件注册通用组件

这里想要实现的效果是：注册一个全局通用组件，可以直接使用

1、首先创建一个js文件，导入所有的通用组件然后进行注册

// 使用vue插件的形式进行注册
// 如果说想提供一个插件，供vue.use使用
// 提供的插件必须是一个对象或者一个函数
// 如果是一个对象的时候必须提供install方法

import PageTools from '@/components/PageTools/index.vue'//组件

// 方法一：提供一个插件
export default {
  install(Vue) {
    Vue.component('PageTools', PageTools)
  }
}

// 方法二：提供一个函数
// export default (Vue) => {
//   Vue.component('PageTools', PageTools)
// }

2、在main.js中引入组件，导入写好的组件

// 导入组件
import component from '@/components'//引入js文件
Vue.use(component)

Vue.use传入了一个插件，这个插件可以是一个函数也可以是一个对象。

如果是一个对象，必须要使用install方法。

如果是函数，默认直接调用install方法。

在调用的时候传入vue，拿到vue后可以进行一系列操作