vue中自定义指令

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

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

　　　　

Vue.directive('colorred',function(){

　　this.el.style.color='red';
});

 

 

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

要点提示：

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

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