본문 바로가기
개발/vue.js

VueJS - 9. 양방향 데이터 바인딩 v-model / two way binding / VueJS Directive

by devsu 2020. 7. 12.

아래 글을 따라하며 VueJS에 적응하기

 

https://medium.com/@hozacho/%EC%96%91%EB%B0%A9%ED%96%A5-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%B0%94%EC%9D%B8%EB%94%A9-v-model-two-way-binding-vuejs-directive-%EB%A7%A8%EB%95%85%EC%97%90-vuejs-43b37de2633f

 

[맨땅에VueJS]양방향 데이터 바인딩 v-model / two way binding / VueJS Directive

이제 좀 더 깊게 Vue를 알아보기 위해 VueJS의 꽃이라 할 수 있는 양방향 데이터 바인딩, v-model에 대해 알아보겠습니다.

medium.com

요약

<양방향 데이터 바인딩 v-model directive>

지금까진 뷰 인스턴스의data 객체가 가지고 있는 정보를 HTML 코드 내로 바인딩하여 그 값을 확인

두방향 모두 데이터에 접근 할 수 있도록 양방향 바인딩 -> v-model

 

- 실제 실행화면