Vue3.0插件执行原理是什么(vue,开发技术)

Vue项目能够使用很多插件来丰富自己的功能，例如Vue-Router、Vuex……，这么多插件供我们使用，节省了我们大量的人力和物力，那这些插件是开发出来的呢?是不是我们自己也想拥有一个属于自己的vue插件，下面就展示一下如何写一个自己的Vue插件。

Vue插件可以是一个包含install方法的Object对象，此时插件被调用时会调用install方法，

如下所示：

Vue插件也可以是一个function函数，此时插件被调用时会调用function函数本身，

如下所示：

上述已经阐述了如何编写自己的插件，插件编写完了之后就需要使用这些插件了，那这些插件应该如何使用呢?其实用起来很简单，应用上下文的实例上提供了对应的use方法。

为什么app.use()可以使用这些插件呢?本着“知其然而知其所以然”的精神，一起来扒一扒为什么。如下是对应的源码：

上述代码读起来很简单，其实现了以下几件事情：

利用Set结构存储插件，当存在该插件时抛出异常;

通过判断是否存在install方法或是否是函数，执行对应的插件;

执行插件时将app上下文实例和options作为参数传入;