vue 防抖节流封装

记录下项目中防抖节流的使用。

lodash库是个好东西

1、安装： npm install --save lodash

2、引入：import _ from 'lodash'

3、

// 按钮点击事件save
save:_.throttle(function(){
        this.addOrUpdate();
    },1000,{ 'trailing': false }),

4、备注

在lodash的throttle方法中,可以直接使用function,而且额外的好处是无需重新指向this,在函数内部中,已经做了apply,所以这里的this指向的就是vue实例

// 'trailing': false 节流成功后不再次调用接口.(默认为true会再次调用，故须设置false)

// 防抖函数为debounce (一般用在input输入、scroll等)

// 节流函数throttle (一般用于按钮点击，因为触发一次即可)