vue 防抖器使用 methods定义方法区别

methods:{
  showEyesList: debounce(function () {
        findCameraList(1, 10, '').then(res => {
        console.log('findeyeslist res:', res.data.rows);
        this.bottomEyesList = res.data.rows;
      })
    }, 500, true)
}

methods:{
  showEyesList2() {
          debounce(function () {
            findCameraList(1, 10, '').then(res => {
            console.log('findeyeslist res:', res.data.rows);
            this.bottomEyesList = res.data.rows;
            })
          }, 500, true)
    }
}

在vue中使用防抖，第一种有效，第二种无效。这两种方法有什么区别吗？

第一种意思是把防抖器赋值给这个函数，执行这个函数就相当于执行防抖器。
第二种意思是在执行这个函数，函数内部再调用防抖器。就是每调用一次这个函数，函数内部就执行一下防抖器，这个意义不一样的。失去了防抖原本的意义，性质就变了，就不是防抖的效果了。