Vue中的插件

插件就是把通用的功能封装起来

 

  const myPlugin = {
      // 插件运行的时候走的方法
      // app 是vue实例
      install(app, options) {
        app.provide("name", "HZX");
        app.directive("focus", {
          mounted(el) {
            el.focus();
          },
        });
        app.mixin({
          mounted() {
            console.log("mixin");
          },
        });
        // $符号代表VUE底层
        app.config.globalProperties.$sayHello = "hello world";
      }, 
    };
//使用插件 第二个是传过去的参数
app.use(myPlugin, { name: "HZX" });