Приведи пример использования кастомной директивы

Кастомные директивы в Vue позволяют добавлять пользовательскую логику к DOM-элементам. Например, создадим директиву `v-focus`, которая автоматически фокусирует элемент при монтировании: ```javascript // Регистрация глобальной директивы app.directive('focus', { mounted(el) { el.focus(); } }); ``` Использование в шаблоне: ```html ``` Другой пример — директивы с аргументами: ```javascript app.directive('color', { mounted(el, binding) { el.style.color = binding.value; } }); ``` ```html

Текст станет красным

``` Кастомные директивы полезны для: - Работы с нативным DOM - Интеграции сторонних библиотек - Повторяющихся действий с элементами