Собеседование Vue фокусируется на системе реактивности, Composition API и связи между компонентами. Ниже — самые частые вопросы с эталонными ответами. Junior: базовая теория, определения и простые практические кейсы.
ref оборачивает любое значение, и в скрипте к нему обращаются через .value, хотя шаблон разворачивает сам. reactive принимает объект и возвращает реактивный прокси без обёртки. Практическое правило — ref на всё, потому что деструктуризация reactive-объекта теряет реактивность, и это удивляет каждый раз.
computed выводит значение и кеширует его, пока не изменится зависимость: он обязан быть чистым и что-то возвращать. watch выполняет побочный эффект при изменении: запрос, запись в хранилище. Использование watch ради установки другого куска состояния — обычно computed, который ещё не распознали.
v-if добавляет и убирает элемент из DOM, то есть компонент создаётся и уничтожается. v-show оставляет его на месте и переключает CSS. v-if — когда меняется редко или дорог в отрисовке, v-show — когда переключается часто: вкладка, которую щёлкают постоянно, не должна пересобирать своё поддерево.
Чтобы Vue сопоставлял элементы между отрисовками, а не исходил из позиции. Без устойчивого ключа он патчит по индексу и переиспользует не тот узел DOM: отмеченный чекбокс остаётся на строке, занявшей эту позицию, а не следует за своим элементом. Индекс — ключ только по названию для всего, что можно переупорядочить.
Испуская событие, которое слушает родитель. Пропсы идут вниз, события вверх: дочерний не меняет пропс, и Vue предупреждает при попытке. defineModel и шаблон v-model — та же пара с соглашением об именовании поверх.
onMounted для всего, что требует DOM или первой загрузки, onUnmounted чтобы это откатить: слушатель, таймер, подписка. onUpdated редко бывает верным ответом и часто оказывается местом, где начинаются бесконечные циклы. В Composition API это функции, вызываемые внутри setup, а не опции компонента.
На собеседовании ты говоришь вслух под давлением. Кем задаст эти же вопросы, оценит каждый ответ и покажет, что именно подтянуть.
Пройти интервью Junior Vue Frontend →