vue2.x 过滤器，自定义按键修饰符 ，自定义指令

1.过滤器
全局：
<element>{{ value | 过滤器名称}}</element>
Vue.filter('过滤器名称'，function(value){
    ...
})
局部：
 <element>{{ value | 过滤器名称}}</element>
 filters:{     //可以设置多个过滤器
    '过滤器名称'：function(value){
        ...
    },
    '过滤器名称2'：function(value){
        ...
    },
    ...
 }

2.自定义按键修饰符
<element @keyup.修饰符名称 = "function name"></element>
 Vue.config.keyCodes.修饰符名称 = keycode(某个键的键盘码)

3.自定义指令   
 <element v-指令名称><element>
 全局：
 Vue.diretive('指令名称',{
    bind(el,binding){    el:指令所绑定的元素，可以用来直接操作 DOM 。(使用原生)
                         binding:一个对象,包含name（指令名称）,value（指令值）,expression（指令表达式）等属性
        //只调用一次，指令绑定到元素时执行
    }，
    inserted(){
        //只调用一次,指令插入到元素时执行
    }，
    update(){
        //
    }
 })

 局部：
 diretives:{
        指令名称：{
           bind(){
            //只调用一次，指令绑定到元素时执行
         }，
        inserted(){
            //只调用一次,指令插入到元素时执行
         }，
        update(){
            //
        }
    }

转载于:https://www.cnblogs.com/NExt-O/p/10835221.html