vue自定义指令方法

[本文已参与「新人创作礼」活动，一起开启掘金创作之路。]

例：创建一个border指令

在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
    }
  })

最后不要忘了定义color

效果展示