v-model создает двусторонне связанный элемент между входом формы и состоянием: входные данные отображают значение состояния, а редактирование входных данных обновляет состояние — автоматически, в обе стороны.
<script setup>
import { ref } from "vue";
const name = ref("");
</script>
<template>
<input v-model="name" />
<p>You typed: {{ name }}</p> <!-- updates live as you type -->
</template>
Почему это важно
В основе объединяет привязку и прослушиватель :
