8.自定义指令

vue中的自定义指令分为两种。
1.私有自定义指令
2.全局自定义指定

I . 私有自定义指令的定义
在每个vue组件中，可以在directives节点下声明私有自定义指令。如下：

directives:{
  color: {
      //为绑定的html元素设置红色的文字
    //当指令第一次绑定到元素上的时候，会立即调用指定的bind函数
    bind(el){
        //形参中的el是绑定了此指令的，原生的DOM对象。
      el.style.color = 'red'
    }
  }
}

使用 v-color

对上面的自定义指令进行升级

directives:{
  color: {
      //为绑定的html元素设置红色的文字
    //当指令第一次绑定到元素上的时候，会立即调用指定的bind函数
    bind(el, binding){
        //形参中的el是绑定了此指令的，原生的DOM对象。
      el.style.color = 'red'
    }
  }
}