Какие функции реактивности Vue вы используете и когда: ref, reactive, watch, computed, watchEffect?

ref хранит реактивное значение, reactive создаёт прокси объекта, computed вычисляет производное значение, а watch и watchEffect запускают побочные реакции.

Короткий ответ

Что ответить на собеседовании

ref хранит реактивное значение, reactive создаёт прокси объекта, computed вычисляет производное значение, а watch и watchEffect запускают побочные реакции.

Подробный разбор

Ответ с пояснениями

ref хранит реактивное значение, reactive создаёт прокси объекта, computed вычисляет производное значение, а watch и watchEffect запускают побочные реакции.

computed используют для чистых вычислений вместо дублирования состояния. watch выбирают, когда нужен явный источник и контроль запуска; watchEffect автоматически отслеживает синхронно прочитанные зависимости. Для асинхронных действий отдельно обрабатывают устаревшие результаты и cleanup. Не заменяйте производное значение цепочкой watcher-ов без необходимости.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее