Vue JS смотреть объект с debounce

Question

У меня есть объект данных localFilter внутри компонента, имеющего 3 реквизита, и мне нужно следить за тем, чтобы любые реквизиты менялись внутри этого объекта и отсеивались в течение 1 секунды.Если бы у меня было одно свойство, код, приведенный ниже, работает, но как лучше всего, когда мне нужен весь объектный наблюдатель с debounce?

export default {
  name: "my-search",
  data: () => ({
    localFilter: null
  }),
  props: {
    value: {
      type: Object,
      required: true
    }
  },    
  watch: {
    'localFilter.searchText': _.debounce(function() {
      console.log(this.localFilter);
      this.$emit("input", Object.assign({}, this.localFilter));
    }, 1000)

Answer 1

Вы можете глубоко наблюдать за объектом:

watch: {
    // any prop or data or $props or $data
    $props: {
        deep: true,
        handler: _.debounce( /*...*/)
    },
}