Что такое VueJS? Каковы основные особенности VueJS? 6

64. Какие функции ловушки предоставляются директивами?

Объект-директива может предоставлять несколько функций ловушки,
i. bind: это происходит, когда директива прикреплена к элементу.
ii. Insert: этот хук возникает после того, как элемент вставлен в родительский DOM.
iii. update: этот хук вызывается, когда элемент обновляется, но дочерние элементы еще не обновлены.
iv. componentUpdated: этот хук вызывается после обновления компонента и дочерних элементов.
v. unbind: этот хук вызывается только один раз при удалении директивы.
Примечание: есть несколько аргументов, которые можно передать указанным выше хукам.

65. Что такое аргументы хука директивы?

Все хуки имеют в качестве аргументов el, binding и vnode. Наряду с этим хуки update и componentUpdated открывают oldVnode, чтобы различать переданное старое значение и новое значение. Ниже приведены аргументы, переданные хукам,
i. el: элемент, к которому привязана директива, который может использоваться для прямого управления DOM.
ii. binding : объект, содержащий следующие свойства.
a. name: имя директивы без префикса v-.
b.value : значение, переданное в директиву. Например, в v-my-directive = "1 + 1" значение будет 2.
c.oldValue: предыдущее значение, доступное только в update и componentUpdated. Он доступен независимо от того, изменилось ли значение.
d. expression : выражение привязки в виде строки. Например, в v-my-directive = «1 + 1» выражение будет «1 + 1».
e. arg: аргумент, переданный директиве, если есть. Например, в v-my-directive: foo аргументом будет «foo».
f. modifiers : объект, содержащий модификаторы, если таковые имеются. Например, в v-my-directive.foo.bar объектом модификаторов будет {foo: true, bar: true}.
iii. vnode: виртуальный узел, созданный компилятором Vue.
iv. oldVnode: предыдущий виртуальный узел, доступный только в хуках update и componentUpdated.
Аргументы могут быть представлены схематически через крючки, как показано ниже: