Vue.js 폼 인풋 바인딩 v-model

  다른 뜻에 대해서는 V-Model 문서를 참조하십시오.

1 개요

Vue.js 폼 인풋 바인딩 v-model

• 양방향 bind

html

Copy

<div id="app">
  <input type="text" name="title" v-model="title"><br>
  <textarea name="body" v-model="body"></textarea>
</div>

<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<script>
  Vue.createApp({
    data() {
      return {
      	title: 'hello',
        body: 'world'
      }
    }
  }).mount('#app')
</script>

2 같이 보기

• Vue.js 폼 submit
• Vue.js 속성바인드 v-bind

3 참고

• https://vuejs.org/v2/guide/forms.html#Basic-Usage