功能

通常我们向Vue全局添加一些功能时,会采用插件的模式。

比如Vue Router 4、Vuex 4,都是以插件的形式使用

image.png

使用

1、创建

通常现在src文件夹下创建一个插件文件夹
image.png
它有两种编写方式

对象类型

image.png
image.png

函数类型

image.png
image.png

2、加载插件

一般都是加载到全局里面
image.png

app.use 原理

app.use( ) 里面的参数,有两种,函数或对象:

1、函数
会把app传给里面的函数当做第一个参数

  1. let a = (x)=>{
  2. console.log(x)
  3. }
  4. app.use(a) // 相当于执行 a(app)
  5. // 打印出 app对象

2、对象

会执行对象里面的install 属性对应的方法

  1. let a = {
  2. install:function(x){
  3. console(x)
  4. }
  5. }
  6. app.use(a) // 相当于执行 a.install(app)
  7. // 打印出 app对象