[Vue] input 한글 양방향 바인딩 (v-model ?)

input 태그를 사용할때 양방향 바인딩을 많이 사용합니다.

한글의 경우 v-model 을 적용 했을때 글이 완성된 이후 적용이 되기 때문에 별도의 작업을 해줘야 하는데요

 

:value + @input 을 사용하면 입력 시 바로 업데이트 됩니다.

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