本篇博客我们将讲一下vue的插件的使用。
一、插件的简单介绍
插件包括两种，一种是类型是函数，另一种是对象(并且在对象中存在install方法)。
插件的功能一般包括这几部分：
1、添加全局方法或者 property
2、添加全局资源：指令/过渡等。
3、通过全局 mixin 来添加一些组件选项
4、添加全局实例方法。
5、一个库，提供自己的 API，同时提供上面提到的一个或多个功能。
二、插件的使用

//对象组件
export default {
  install() {
    
  } 
}
//{_uid: 0, _component: {…}, _props: null, _container: null, _context: {…}, …}
//plugin-01.js?589a:4 {name: 'dmc'}

//函数式组件
export default function(app, options) {
	console.log(app)
	console.log(options)
}
//{_uid: 0, _component: {…}, _props: null, _container: null, _context: {…}, …}
//plugin-01.js?589a:3 {name: 'dmc'}

三、使用插件案例
我们使用插件来写之前博客中写的自定义指令的相关案例。

四、vue2中和vue3中获取属性的区别
在vue2的options api中存在this,所以我们在插件中通过app.config.globalProperties.属性名添加的属性，可以通过this获取。

在vue3中，我们通过app.config.globalProperties.属性名添加属性，但是setup中不存在this,此时我们可以通过getCurrentInstance函数先拿到实例。