Vue3自定义插件如何实现长尾词功能？

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

目录

1.Vue 插件

2.自定义插件

2.1 基本用法 2.2 添加组件 2.3 添加指令 2.4 使用 provide/inject

3.小结

最近在 TienChin 项目中，深入学习了 Vue 插件的使用和自定义。本文将手把手教你如何定义和运用 Vue 插件。

目录

• 1. Vue 插件
• 2. 自定义插件
• 2.1 基本用法
• 2.2 加入组件
• 2.3 加入指令
• 2.4 provide & inject
• 3. 小结

最近在录 TienChin 项目，项目涉及到了 Vue 中插件的定义，因此整了这么一篇文章，手把手教大家在 Vue3 中定义插件，这个技能掌握了，就可以看懂 TienChin 前端代码了。

1. Vue 插件

在 Vue 中，一些简单的功能，我们可以直接定义为全局方法，然后挂到 Vue 上就能使用了，例如在 vhr 中，我们将网络请求方法进行封装，然后挂到了 Vue.prototype 上就可以了，类似下面这样：

import {postRequest} from "./utils/api"; Vue.prototype.postRequest = postRequest;

然后在使用的地方，就可以通过 this.postRequest 去使用了。