Что такое handler в Vue.js?

Question

[beduin01]

Не могу понять, что такое `handler` в Vue.js vuejs.org/api/#watch

Нашел упоминание, что:
"It is a keyword property that can take either a function expression (as in the example) or a reference to a function"

Однако оно ничего не прояснило. Это ключевое слово? Когда его использовать?

Правильно ли я вызываю:

watch: 
          {
              questions : 
             {
                handler: function(val, oldVal) 
                {
                  this.foo();
                }
                
              },
              deep: true
          }

Answer 1

[Алексей Уколов]

Это свойство объекта, которое хранит ссылку на функцию-обработчик события (в данном случае - изменения атрибута модели).
В месте по ссылке оно используется только если вам нужно дополнительные опции передать при установке обработчика. Иначе можно просто функцию атрибуту модели присваивать.

Comments

[beduin01]

Тут дополнительная опция это только deep?

[Алексей Уколов]

Ещё есть флаг immediate, насколько я понял из документации. Но я на Vue не писал, могу ошибаться.

[beduin01]

Алексей Уколов: А не могли бы глянуть правильно ли я использую этот handler. Я пример добавил в пост. Просто у меня что-то foo не вызывается...

[Алексей Уколов]

Сделайте полный пример на jsfiddle с подключенными библиотеками, тогда я посмотрю.

[beduin01]

Алексей Уколов: так, тоесть везде мне нужно вызвать функцию только такое слово писать? Другое использовать нельзя?

[Алексей Уколов]

Ещё раз повторяю - я на Vue не писал и ничего про неё не знаю. Если хотите, чтобы я вам помог - покажите демо на jsfiddle с объяснением в чём именно проблема.
Но судя по вашим вопросам, вам нужно базу javascript подтягивать, прежде чем за фреймворки браться.