vue 自定义按键/指令/过滤器

1. 自定义过滤器

• 语法

Vue.filter("过滤器1名称",function('原数据','arg1','arg2'){
    return  过滤数据;
})

Vue.filter("过滤器2名称",function('原数据','arg1','arg2'){
    return  过滤数据;
})

 

• 使用 

<span>{
  { "原数据"|过滤器1名称(arg1,arg2)|过滤器2名称(arg1,arg2) }}</span>

• 注意

vue 过滤器 只能 再 v-bind 和 v-text 中使用 

 

1. 自定义按键

• 语法

Vue.config.keyCodes.f2 = 113;

•  使用

<input type="text" @keyup.f2="add"/>

 

1. 自定义指令

• 语法

// 参数1：指令名称   参数2：是一个对象
Vue.directive('focus',{
    // 自定义指令函数中第一个参数永远是el
    // el表示被绑定指令的那个元素
    // el是一个原生的js对象 元素可以干什么el就可以干什么
    bind:fucntion(el){
        //当指令绑定到元素上的时候执行该方法 只执行一次
    }，
    inserted:function(el){
        // 元素插入到dom的使用执行该方法  只