自定义指令

<p v-color="red">自定义指令</p>

export default {
  deactivated:{
    color:{
      bind(el,binding){
        el.style.color = binding.value
      }
    }
  },
  
}

只写bind方法，会导致dom更新时，属性不发生变化，可以加上update函数，当update函数和bind函数一样，就可以简写成以下方式

ccolor(el,binding){

   el.style.color=binding.value

}

定义全局自定义指令,放在main.js中

Vue.directive('color',function(el,binding){
    el.style.color = binding.value
})