Vue中使用防抖

一、安装lodash库

npm i --save lodash

二、引入lodash

import _ from 'lodash'

三、改造函数,将methods中函数写成完整形式

loadshrest:_.debounce(
			function(){
				//需要防抖的代码
			}
				
	,700),

loadshrest是改造后的函数，直接用loadshrest替换原来抖动的代码
我这里是监听视口大小改变后执行代码，这里将窗口大小改变后执行的代码改成防抖代码

window.addEventListener('resize',()=>{
					this.loadshrest()
			})