vue自定义指令的用法directives

 

内部指令

directives:{

正常模式

/*     color:{
      //当指令第一次被绑到元素上会触发bind函数
      bind(el,binding){
        el.style.color=binding.value;
      },
      //在dom更新时会触发update函数
       update(el,binding){
        el.style.color=binding.value;
      }

    } */

简写模式 内容一样的话 比如 都是修改颜色

//如果内容指令内容都一样 可以用简写模式
    color(el,binding){
        el.style.color=binding.value;
      }

  },

<template>
  <div id="app">
    <p v-color="'red'">自定义指令</p>   //引用内部指令
<p v-weightBold="'bold'" v-color="'red'">全局指令</p>  //引用全局指令
  </div>
</templat