1e790a7d2010

Promise Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，...

1e790a7d2010 ·

区分清楚vue组件声明的作用域和vue组件实例的作用域是很重要的。
先看第二个问题，vue原始的methods声明写法：search(){}
这个写法等价于search: function(){}，你一样不能写成search: () => {}（这一点vue文档里在methods和watch上都强调过）
因为箭头函数中的this指向了父级作用域的上下文。如果改成箭头函数，也就指向了当前这个vue组件声明的上下文（就是你写import、export的这一层作用域）
再看第一个问题，就可以知道为什么这时候的this取不到lodash了。因为lodash是挂到vue组件实例上的，但组件声明时实例还没被创建出来。
如果不想写import lodash，就只能在created生命周期里，为当前实例写一个新的method上去。
第三个问题，debounce的用法是传入一个函数source function，返回一个被包装好的新函数debounced function。
去抖效果需要通过反复调用这个被包装好的debounced函数体现。
你的写法相当于每次执行search，都拿到了一个新包装的函数，每次都只调用这个新函数一次，当然没效果了。
其实可以直接写成search: _.debounce(function() {})

22a2c7b38d4b 评论自记一次在Vue中使用debounce遇到的坑

1e790a7d2010

Debounce，又称防抖动函数， 常被被用来控制 前端异步请求及其它高耗任务的频率。 概念比较抽象，了解一个业务场景，就很容易理解了。 比如通过搜索过滤一个列表，通过“@c...