v-model adalah two-way binding — menghubungkan data dengan form input secara otomatis.

const name = ref("")
const agreed = ref(false)

---template---
<div>
  <input v-model="name" placeholder="Nama" />
  <p>Halo, {{ name }}!</p>

  <label>
    <input type="checkbox" v-model="agreed" />
    Setuju
  </label>
  <p v-if="agreed">Terima kasih!</p>
</div>

v-model untuk Berbagai Input

const selected = ref("A")
const message = ref("")

---template---
<select v-model="selected">
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

<textarea v-model="message"></textarea>

v-model adalah shorthand untuk :value + @input.