> Что такое двустороннее связывание в Vue (Vue.js)

Двустороннее связывание (two-way data binding) - это механизм, при котором изменения в модели данных (JavaScript-объекте) автоматически синхронизируются с пользовательским интерфейсом, и наоборот: любые изменения в UI (например, ввод текста в поле) немедленно обновляют модель. В Vue.js это реализуется через директиву v-model.

Пример:

<template>
  <input v-model="message" />
  <p>{{ message }}</p>
</template>

<script>
export default {
  data() {
    return {
      message: 'Привет'
    }
  }
}
</script>

Здесь v-model связывает значение поля ввода с переменной message. При вводе текста message обновляется, и интерполяция {{ message }} сразу отображает новое значение. Под капотом v-model - это синтаксический сахар для связки :value и @input. Для компонентов Vue двустороннее связывание настраивается через проп modelValue и событие update:modelValue.