vue2中使用节流与防抖【亲测】

vue 节流与防抖

---

使用场景：用户点击按钮

需求：用户点击按钮时，变量加1，用防抖与节流实现

防抖 ： 用户在点击按钮时，在一定的时间间隔内，按钮多次点击只有一次执行
节流 ： 用户在点击按钮时，按钮在一段时间内只执行一次 【时间到了才再次执行】

第一步、 定义两个按钮

<el-button @click="handleDebounc">防抖{
   {
    F_num }}</el-button>
<el-button @click="handleThrottle">节流{
   {
    J_num }}</el-button>

第二步、 定义两个变量 F_num J_num

data() {
        return {
            F_num: 0, 
            J_num: 0,
        }
    },

---

第三步、 补全代码 【完整代码】

<template>
    <div>