Встречается на собеседованиях • сегодня
Как использовать двустороннее связывание в компонентах Vue
В Vue двустороннее связывание реализуется через директиву `v-model`. Она объединяет `v-bind` (привязка значения) и `v-on` (обработка событий) для синхронизации данных между инпутом и состоянием компонента.
**Пример с инпутом:**
```vue
```
Вы ввели: {{ message }}
``` **Для кастомных компонентов** нужно: 1. Принять `value` (или `modelValue` в Vue 3) как prop 2. Эмитить событие `input` (или `update:modelValue` в Vue 3) **Пример кастомного компонента:** ```vue ``` В Vue 3 можно использовать аргумент `v-model` для нескольких привязок: ```vue
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы