Vue watch에 lodash debounce 적용하는 방법

Vue에서 watch에 lodash debounce를 사용하는 방법은 매우 간단합니다.

watch로 감지할 데이터 프로퍼티로 값을 지정하는 함수를 debounce로 감싸면 해결됩니다.

예시

<script>
import debounce from 'lodash/debounce'
  
export default {
  watch: {
    likeActiveStatus: debounce(function(newValue) {
      this.changeLike(newValue)
    }, 350)
  },  
}
</script>