玩过vue的大伙肯定了解过vue指令，例如：v-html,v-for...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="app"> <div v-color="'red'">Ghui</div> <div v-color="'blue'">YGHH</div> </div> </body> <script src="vue.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> Vue.directive("color",(ele,data) => { console.log(ele,data); ele.style.color = data.value; }) new Vue({ el:".app", data(){ return{ } } }) </script> </html>Vue.directive(str,fn)
directive就是vue的自定义指令方法，可传两个参数，一是指令名，二是指令回调；
回调函数也可两参数，一是使用了该指令的元素，二是指令值；
上述代码实现了定义颜色的自定义指令，看效果：
Ghui,自律，坚持
