Vue.js’de v-model direktifi nedir ve nasıl kullanılır?

Vue.js'de v-model Direktifi

Vue.js'de v-model direktifi, form elemanları ile model arasında iki yönlü veri bağlama sağlar. Bu sayede kullanıcıdan alınan veriler anlık olarak Vue verilerine yansır.

Kullanım Alanları

v-model direktifi, genellikle aşağıdaki form elemanlarında kullanılır:

• input
• textarea
• select

Kullanım Örneği

Aşağıda v-model kullanımını gösteren basit bir örnek verilmiştir:

<template>
  <div>
    <input v-model="message" placeholder="Mesajınızı yazın">
    <p>Mesaj: {{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: ''
    }
  }
}
</script>

Yukarıdaki örnekte, input alanındaki değişiklikler message değişkenine anlık olarak yansır.