Как работает v-model во Vue 2 и Vue 3? Чем отличается?

На пользовательском компоненте Vue 2 v-model обычно связывает value и input, а Vue 3 — modelValue и update:modelValue.

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

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

На пользовательском компоненте Vue 2 v-model обычно связывает value и input, а Vue 3 — modelValue и update:modelValue.

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

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

На пользовательском компоненте Vue 2 v-model обычно связывает value и input, а Vue 3 — modelValue и update:modelValue.

Во Vue 2 имена можно изменить опцией model. Во Vue 3 аргумент v-model:title связывает title с update:title и позволяет несколько моделей. Это контракт props и событий, а не разрешение напрямую менять prop. Для нативных полей директива учитывает тип элемента.

Источник: v3-migration.vuejs.org.

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

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

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

Подробнее