Vue自定义指令&键盘修饰符

@keyup:
   .enter
   .tab
   .delete
   .esc
   .space
   .up
   .down
   .left
   .right

Vue.config.keyCodes.按键名称=按键ascll码

//使用
@keyup.f2=test()

Vue.directive(name,{
    //钩子函数
        bind:function(){},当指令绑定到元素上时执行
        inserted:function(){},当元素插入到dom中时执行
        updated:function(){}当dom更新时执行，可能会执行多次
})

<input type="text" class="form-control" v-focus v-model="keywords">
//自定义指令
Vue.directive('focus',{
        inserted:function(el){
            el.focus()
        }
})

<p v-size="30">HELLO WORD</p>
 //自定义指令
Vue.directive('size',{
    inserted:function(el,binding){
        el.style.fontSize=binding.value+'px'
    }
})

var vm =  new Vue({
    el:'#app',
    data:{},
    directives:{
        //指令名称
        fontweight:{
             bind:function(el,binding){
               el.style.fontweight=binding.value
             }
      }
    }
})

var vm =  new Vue({
    el:'#app',
    data:{},
    directives:{
        //指令简写
      'fontSize':function(el,bing){
            el.style.fontSize=bing.value
        }
    }
})