Vue过滤器,自定义指令,ES6字符串操作

数组的方法
以下方法都会对数组中的每一项进行遍历, 并执行相关的操作;

forEach: 无法被终止
some: 可以通过return true终止
filter: 可以过滤
findIndex: 可以找到相应对象的索引

删除/增加index个后的数组元素:

splice(index, howmany, item1...)    ---index个数, homany几个, item1增加的元素

filter过滤器
// 过滤器语法定义: Vue.filter(‘过滤器名称’, function(){})
// 过滤器中的function, 第一个参数已经被规定死了, 永远都是过滤器管道符前面传过来的数据
全局过滤器:

Vue.filter('过滤器的名称', function(data) {
    return data + '123';
})

私有过滤器

var vm = new Vue({
    filters:{
        filtersName: function(data) {}
    }
})

VUE键盘修饰符:

.enter  .tab  .delete//捕获删除及退格  .esc  .space  .up  .down  .left  .right
//也可以通过查询键盘码的值如f2: .113
//还可以自定义全局按键修饰符
Vue代码:
    Vue.config.keyCodes.f2 = 113
Html代码:
    <input type="text" v-model="name" @keyup.f2="add"> // add()是数组添加的方法

VUE自定义指令

    // 使用 Vue.directive() 定义全局的指令
    // 其中: 参数1 : 指令名称, 注意, 在定义的时候, 指令的名称前面, 不需要加 v- 前缀, 
    // 但是, 在调用的时候, 必须 在指令的名称前面添加v-前缀
    // 参数2 : 是个对象, 这个对象身上, 有一些指令相关的函数, 这些函数, 可以在特定的阶段, 执行相关的操作
    Vue.directive('focus', {
        bind: function(el) { // 每当指令绑定到元素上的时候, 会立即执行这个 bind 函数, 只执行一次
            // 注意: 在每个函数中, 第一个参数永远都是 el , 表示 被绑定指令的那个元素 , 这个 el参数是一个原生的Js对象
            // 在元素 刚绑定了指令的时候, 还没有插入到Dom中去, 这时候, 调用focus没有作用, 因为一个元素只有插入
            // el.focus();
        }, 
        inserted: function(el) { // inserted 表示元素插入到DOM中的时候, 会执行 inserted 函数[触发一次]
            el.focus();
        }, 
        updated: function() {} // 当VNode更新的 时候, 会执行 update , 可以能会触发多次
    })

字符串操作:
字符串替换

str.replace(str1,str2);

字符串填充

str.padStrat(size, '填充内容'); //size:填充的大小
str.padEnd(size, '填充内容');