[Vue.js] v-model
2021. 1. 5. 18:45ㆍVue.js
# v-model 개념
- v-model에 연결된 태그에 입력된 값(이벤트값)과 출력값을 동기화 시켜줌, 실시간 반응
- v-model 디렉티브를 사용하여 폼 input과 textarea 엘리먼트에 양방향 데이터 바인딩을 생성할 수 있다.
- v-model은 내부적으로 서로 다른 속성을 사용하고 서로 다른 입력 요소에 대해 서로 다른 이벤트를 전송
- text 와 textarea 태그는 value속성과 input이벤트를 사용
- 체크박스들과 라디오버튼들은 checked 속성과 change 이벤트를 사용
- Select 태그는 value를 prop으로, change를 이벤트로 사용
## 개념 예시
'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 |