Vue3自定义插件在哪些具体应用场景下最为有效？

本文共计820个文字，预计阅读时间需要4分钟。

目录+插件的作用场景+插件的定义（注册）+插件的安装+插件的使用+插件中的Provide/inject+插件的作用场景+在Vue2中的插件那篇文章，我们介绍过插件其实际上是Vue的增强功能。通常来说，插件用于为Vue添加全局功能。

目录

• 插件的作用场景
• 插件的定义（注册）
• 插件的安装
• 插件的使用
• 插件中的Provide/inject

插件的作用场景

在vue2的插件那篇文章我们介绍过插件其实就是vue的增强功能。通常来为vue添加全局功能的。在vue3中插件的功能也是一样的，只是它们在定义上有所不同。

• 通过app.component()和app.directive()注册一到多个全局组件或自定义指令
• 通过app.provide()使一个资源可被注入进整个应用
• 向app.config.globalProperties中添加一些全局实例属性或方法
• 一个可能上述三种都包含了的功能库（如vue-router）

插件的定义（注册）

一个插件可以是一个拥有install()方法的对象，也可以直接是一个安装函数本身。安装函数会接收到安装它的应用实例和传递给app.use()的额外选项作为参数：

下面是我定义的一个插件，为了方便管理，在src目录下新建一个plugins文件夹，根据插件的功能，文件夹里面可以放置很多js文件。