vue自定义指令方法

例:创建一个border指令

vue自定义指令方法

在script下开始创建我们的指令*一定要引入一下vue不然会报Vue为defined

参数说明

el:指令所绑定的元素,用来直接操作DOM
obj: 一个对象,包含指令的很多信息
vnode::Vue编译生成的虚拟节点
 import Vue from 'vue'
   Vue.directive('border',{
    inserted:function(el,obj,vnode){
      el.style.backgroundColor=obj.value
    }
  })

vue自定义指令方法

最后不要忘了定义color

vue自定义指令方法

效果展示

vue自定义指令方法