vue中自定义指令

Posted 2020-09-22 孙三峰

在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中已经封装好的标签；