이번 포스트에서는 자식 컴포넌트에 v-model을 적용하는 방법에 대해 알아보자. v-model의 동작 native element에서의 v-model native element 즉 html의 input 요소에 v-model을 적용하면 손쉽게 양방향의 바인딩이 구현된다. 그럼 사용자 정의 컴포넌트에서 처리하려면 어떤 과정이 필요할까? 사실 v-model은 내부적으로 value 속성에 값을 할당하는 v-bind와 input 이벤트 시 값을 입력하는 v-on 두 개의 directive가 합쳐서 동작하는 것이다. 예를 들어 input 요소에 age를 연결하는 과정은 아래 두 가지 과정으로 나눠볼 수 있다. vmodel : 사실은.. component에서의 v-model 그럼 위 개념이 그대로 component에..
[vue 3] 08. component에 적용된 v-model
이번 포스트에서는 자식 컴포넌트에 v-model을 적용하는 방법에 대해 알아보자. v-model의 동작 native element에서의 v-model native element 즉 html의 input 요소에 v-model을 적용하면 손쉽게 양방향의 바인딩이 구현된다. 그럼 사용자 정의 컴포넌트에서 처리하려면 어떤 과정이 필요할까? 사실 v-model은 내부적으로 value 속성에 값을 할당하는 v-bind와 input 이벤트 시 값을 입력하는 v-on 두 개의 directive가 합쳐서 동작하는 것이다. 예를 들어 input 요소에 age를 연결하는 과정은 아래 두 가지 과정으로 나눠볼 수 있다. vmodel : 사실은.. component에서의 v-model 그럼 위 개념이 그대로 component에..
2023.09.02