如何利用vue编写插件(简单语法)

// Vue部分原代码

const MyVUe={

  use(obj){

    obj.install(this);

  }

}

// 插件的语法

const plugins={

  install(myvue){

    console.log(myvue)

  }

}

MyVUe.use(plugins)

举例:新建一个文件夹如图所示:

在directiveCustom.js在写入如下内容:

 

在index.js在写入如下内容:

在main.js文件中导入并且挂载

 在App.vue中使用,如下图所示

 color2所定义的是红色,因此背景颜色可直接为红色.