[Vue.js] v-model

2021. 1. 5. 18:45Vue.js

# v-model 개념

  • v-model에 연결된 태그에 입력된 값(이벤트값)과 출력값을 동기화 시켜줌, 실시간 반응
  • v-model 디렉티브를 사용하여 폼 input과 textarea 엘리먼트에 양방향 데이터 바인딩을 생성할 수 있다.
  • v-model은 내부적으로 서로 다른 속성을 사용하고 서로 다른 입력 요소에 대해 서로 다른 이벤트를 전송
  • text 와 textarea 태그는 value속성과 input이벤트를 사용
  • 체크박스들과 라디오버튼들은 checked 속성과 change 이벤트를 사용
  • Select 태그는 value를 prop으로, change를 이벤트로 사용

## 개념 예시

codepen.io/cjy324/pen/bGwvQbN

'Vue.js' 카테고리의 다른 글

[Vue.js] npm, package.json 개념  (0) 2021.02.20
[Vue.js] node.js  (0) 2021.02.20
[Vue.js] _.debounce, computed, mounted  (0) 2021.01.04
[Vue.js] v-for  (0) 2021.01.04
[Vue.js] v-show  (0) 2021.01.04