Vue-cli 如何新增自定义指令 ​

var app = new Vue({
  el: "#app",
  data: {},
  // 创建指令(可以多个)
  directives: {
    // 指令名称
    dir1: {
      inserted(el) {
        // 指令中第一个参数是当前使用指令的DOM
        console.log(el);
        console.log(arguments);
        // 对DOM进行操作
        el.style.width = "200px";
        el.style.height = "200px";
        el.style.background = "#000";
      },
    },
  },
});

Vue.directive("dir2", {
  inserted(el) {
    console.log(el);
  },
});