[vue3] v-model 내장 수정자

.trim

사용자 입력의 공백이 자동으로 트리밍

<input v-model.trim="msg" />

 

.number

- 사용자 입력이 자동으로 숫자로 유형 변환

<input v-model.number="age" />

 

.lazy

- 기본적으로 v-model 은 각 input 이벤트 이후 데이터와 입력을 동기화한다. 대신 change 이벤트 이후에 동기화하기 위해 사용

<!-- "input" 대신 "change" 이벤트 후에 동기화됨 -->
<input v-model.lazy="msg" />