.gif&blockId=11b00c82-b138-8050-a58b-dcbceda2ef8f)
v-model
타입
any (인자 있이) | Object (인자 없이)
설명
사용자 입력을 받는 폼(form) 엘리먼트 또는 컴포넌트에 양방향 바인딩
제한 사용 - 사용 가능한 목록
•
<input>
•
<select>
•
<textarea>
•
컴포넌트
수식어
세부사항
•
class 또는 style 속성을 바인딩하는 데 사용되는 경우
◦
v-bind는 배열 또는 객체와 같이 값을 추가할 수 있는 타입을 지원
•
컴포넌트 prop 바인딩에 사용될 때 prop은 자식 컴포넌트에서 적절하게 선언
•
인자 없이 사용하는 경우, 속성을 이름-값 쌍으로 포함하는 객체를 바인딩하는 데 사용 가능
사용법
<input
:value="text"
@input="event => text = event.target.value">
<!-- === -->
<input v-model="text">
HTML
복사
