Как реализовать связь значения кастомного input с моделью: через value/input или v-model?

Во Vue 3 v-model компонента связывает modelValue и update:modelValue; value/input — прежнее соглашение Vue 2.

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

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

Во Vue 3 v-model компонента связывает modelValue и update:modelValue; value/input — прежнее соглашение Vue 2.

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

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

Во Vue 3 v-model компонента связывает modelValue и update:modelValue; value/input — прежнее соглашение Vue 2.

В Vue 3.4+ это удобно описывается через defineModel. Для нативного input можно явно передать :value и обработать @input, а кастомный компонент должен эмитить обновление, не мутируя prop родителя напрямую.

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

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

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

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

Подробнее