vue如何写插件

注册插件

假如自己写了一个组件，需要全局使用，首先当然可以全局注册，但当我们需要有多个自己自己写的组件或者自定义指令以及方法时，就要在入口函数main.js写一次，这样的话，我们的入口文件就会非常大，不再简洁，这时我们注册插件，就像我们使用element和vant组件库一样，可以有非常多的功能

1. 如果需要注册什么功能，首先需要引入，这里我们就只注册包含一个组件的插件
2. **注意：**你导出的是默认，导入同样用默认导入。导出的是按需导出，导入就要用按需导入{和你导出的名保持一致}
3. 插件导出，去入口文件main.js里导入注册

注册插件分为2种方式

import PageTools from './PageTools’这个是我们要注册的插件（功能就是注册组件）我自己的组件
对象注册插件

export const plug1 = {
  install(Vue) {
     console.log('插件对象2被注册了', Vue)
     console.dir(Vue)//从控制台我们可以看到Vue的各种方法，都可以在这里使用
    Vue.component('PageTools', PageTools)
  }
}

函数注册插件

export function plug2(Vue) {
  console.log('插件函数2被注册了', Vue)
  console.dir(Vue)
  // Vue.component('PageTools', PageTools)
}

其实函数注册，就相当于install的执行
到入口函数注册，全局可使用main.js

// 引入插件
import { plug1, plug2 } from '@/components'
// 注册插件
Vue.use(plug1)
Vue.use(plug2)