폼 입력 바인딩

단방향 데이터 연결.

v-bind : 사용자가 데이터를입력해도 기존 데이터에 영향을 줄 수 없다.

양방향 데이터 바인딩

사용자가 데이터를입력해도 기존 데이터에 영향을 줄 수 있다.

Ex) msg데이터에 영향을 줄 수 있음

	<input
	type = "text"
    :value = "msg"
    @input = "msg = $event.target.value" />
    

좀 더 간편한 v-model 이라는것이 있다.

<input
	type = "text"
    v-model = "msg" />

주의사항

한글입력시 한박자 늦는다. 한글입력시에는 @input = "msg = $event.target.value"를 사용하자

V-Model 수식어

@change : 즉각 갱신이 아닌 포커스 해제시 데이터가 바뀜
-model.lazy ="msg"

숫자 데이터를 입력 받을떄는
v-model.number

문자열 공백 제거
v-model.trim