아래 글을 따라하며 VueJS에 적응하기
[맨땅에VueJS]양방향 데이터 바인딩 v-model / two way binding / VueJS Directive
이제 좀 더 깊게 Vue를 알아보기 위해 VueJS의 꽃이라 할 수 있는 양방향 데이터 바인딩, v-model에 대해 알아보겠습니다.
medium.com
요약
<양방향 데이터 바인딩 v-model directive>
지금까진 뷰 인스턴스의data 객체가 가지고 있는 정보를 HTML 코드 내로 바인딩하여 그 값을 확인
두방향 모두 데이터에 접근 할 수 있도록 양방향 바인딩 -> v-model
- 실제 실행화면
'개발 > vue.js' 카테고리의 다른 글
VueJS - 11. v-for, 리스트 렌더링 / 반복문 (0) | 2020.07.12 |
---|---|
VueJS - 10. v-if / v-for vs v-show (0) | 2020.07.12 |
VueJS - 8. 계산된 속성 computed, computed vs methods / VueJS Instance (0) | 2020.07.10 |
VueJS - 7. 템플릿에 직접 JavaScript 코드 넣기 (0) | 2020.07.09 |
VueJS - 6. 이벤트 리스너 v-on / VueJS Directive (0) | 2020.07.09 |