Half Road

vue2에서 model속성에 prop, event 정의해서 구현했던 Component 2-way-binding 방식이 vue3에서 Component v-model로 편리하게 구현 가능하게 되었습니다. Child 컴포넌트와 Parent 컴포넌트 정의를 각각 보겠습니다. Options API로 설명하겠습니다. Child 컴포넌트 정의된 prop과 emit을 구현하면 되는데 바로 'modelValue' prop & 'update:modelValue' emit 입니다. Child : :value, @input을 정의하여 지정한 prop과 emit을 연결시킵니다. data의 in - out을 결정했습니다. 여기서는 부모 컴포넌트가 input 값을 받아야하기 때문에 emit함수 2번째 인자에 input 값을 넘겨주..