vue防抖

---

前言

例如：有些功能会因为暴力点击而出现接口问题，那么我们改如何去限制几秒种之内只有效点击一次呢？

---

一、在 utils目录下封装 debounce.js ？

let timeout = null
function debounce(fn, wait) {
    if (timeout !== null) clearTimeout(timeout)
    timeout = setTimeout(fn, wait)
}
export default debounce

二、debounce.vue使用 debounce.js。(test)

```csharp
<template>
    <div>
        <button @click="clickMe()">点我啊</button>
    </div>
</template>

<script>
import debounce from './../../utils/debounce.js'
export default {
    data () {
        return {
            
        }
    },
    methods: {
        clickMe(){
            debounce(() => {
                console.log('触发')
            }, 1000)
        },
    }
}
</script>

# 总结
提示：特别好用。