博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
工作中用的多的一些方法的整理
阅读量:7219 次
发布时间:2019-06-29

本文共 1088 字,大约阅读时间需要 3 分钟。

这是时对于平时用的多的一些方法的整理,方便在需要时直接调用

1.vue中对于数组的更改

由于 JavaScript 的限制,Vue 不能检测,当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue, 因此自己封装了自己一一些方法

//列子    // let name1 = `value`    // app._array(app.data,name1,data1);    // 数据更新数组    _array(arrayList, name, array) {      let arr = [],        app = this;      for (let n in array) {        arr.push(array[n]);      }      for (let m = 0; m < arrayList.length; m++) {        app.$set(arrayList[m], name, arr[m]);      }    }复制代码

2对于数据的处理原生方法

数据合并  var newdata = data.concat(data1); 这个合并有先后顺序复制代码

对于watch的高级用法( )

watch 的一个特点是,最初绑定的时候是不会执行的,需要等到绑定的值改变时才可以触发事件, 因此这里用到了

2.1.handler方法和immediate属性
watch: {    id:{      handler(newValue, oldValue) {        console.log(newValue, oldValue)      },    },    immediate: true    },复制代码
2.2.deep属性

受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除, 如果我们需要监听obj里的属性a的值呢?这时候deep属性就派上用场了!

watch: {  obj: {    handler(newName, oldName) {      console.log('obj.a changed');    },    immediate: true,    deep: true  }}复制代码

懒加载写法

require.ensure([], () => r(require('@/views/ibsdt/reload')), 'reload')复制代码

转载地址:http://dvxym.baihongyu.com/

你可能感兴趣的文章
Java用户线程和守护线程
查看>>
ClassLoader类加载机制&&JVM内存管理
查看>>
Caml语句 查询分配给当前用户及当前组
查看>>
记一次源码分析
查看>>
php版本引起的const问题
查看>>
js实现60s倒计时效果
查看>>
【POJ 2176】Folding
查看>>
redis的过期策略以及内存淘汰机制
查看>>
阿牛的EOF牛肉串
查看>>
随笔2013/2/13
查看>>
笨办法32循环和列表
查看>>
java序列化
查看>>
谈谈NITE 2的第一个程序HandViewer
查看>>
VS2008 未响应 假死
查看>>
html5、css3及响应式设计入门
查看>>
Win10還原成最乾淨的狀態
查看>>
Java_InvokeAll_又返回值_多个线程同时执行,取消超时线程
查看>>
SaltStack作业
查看>>
单例设计
查看>>
springboot+缓存
查看>>