v-model

v-model은 내부적으로 서로 다른 속성을 사용하고 서로 다른 입력 요소에 대해 서로 다른 이벤트를 전송합니다.

 

• text 와 textarea 태그는 value속성과 input이벤트를 사용합니다.
• 체크박스들과 라디오버튼들은 checked 속성과 change 이벤트를 사용합니다.
• Select 태그는 value를 prop으로, change를 이벤트로 사용합니다.

 

ex1) <input v-model="message" placeholder="여기를 수정해보세요">

ex2) <input :value="message" @input="message" placeholder="여기를 수정해보세요">

 

ex1과 ex2가 동일하게 작동됩니다.