3.5.2 v-model 디렉티브로 폼 요소 다루기
사용자가 입력한 요소의 값을 가져오는 것은 폼을 다루는 가장 기본적인 방법입니다. 뷰에서는 입력한 요소의 값을 가져올 때 v-model 디렉티브를 사용합니다.
v-model 디렉티브는 <script> 태그 영역에 정의한 데이터 속성과 <template> 태그 영역에 작성한 HTML 요소가 양방향으로 서로 연결되어 데이터 속성의 값을 자동으로 업데이트합니다. 이를 양방향 데이터 바인딩이라고 합니다.
수코딩의 조언
뷰를 비롯한 자바스크립트의 프레임워크에서 데이터를 바인딩하는 기법으로 단방향 데이터 바인딩과 양방향 데이터 바인딩이 있습니다. 프레임워크마다 지원하는 기법이 다른데, 뷰는 단방향 데이터 바인딩과 양방향 데이터 바인딩을 모두 지원합니다. 양방향 데이터 바인딩은 1.3.1 뷰의 특징을 참고하세요. 단방향 데이터 바인딩은 5.1 컴포넌트란에서 소개합니다.