vue中自定义指令

标签：cti   html   log   round   标签   directive   nbsp   定义   this   

在vue中自定义标签，首先要调用vue中一个directive的方法，具体方法：Vue.direction(‘指令名称‘，function(){　　　　});

例如我们要写一个关于颜色的指令，叫v-colorred：

1 Vue.directive(‘colorred‘,function(){
2 
3 　　this.el.style.color=‘red‘;
4 });

在html中，我直接用v-colorred指令就可以了，例如： 1 <p v-colorred>1234567890</p> 

要点提示：

　　1.)再定义标签时，前面不用加v-,但是在用的时候得加上v-;

　　2.)不可用vue中已经封装好的标签；

vue中自定义指令

标签：cti   html   log   round   标签   directive   nbsp   定义   this   

原文地址：http://www.cnblogs.com/sunsanfeng/p/zidingyibiaoqian.html