数组的方法
以下方法都会对数组中的每一项进行遍历, 并执行相关的操作;
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, '填充内容');