양방향 바인딩 예시

반응형
·Vue.js
이전에 정리한 글인 props와 emit에 정리하면서 v-model를 활용할 수 있다는 글을 보고 정리하고자 한다. 부모 컴포넌트와 자식 컴포넌트의 데이터 바인딩 코드의 재사용을 위해 컴포넌트를 분리하면, 부모 컴포넌트와 자식 컴포넌트의 데이터 바인딩이 필요하다. 부모 컴포넌트의 값을 자식 컴포넌트에게 내려준다. 자식 컴포넌트에서 값이 변경되면, 그 사실을 부모 컴포넌트에도 알려야한다. v-model 부모 컴포넌트 parent-compo {{number}} 부모 컴포넌트에서 v-model로 number라는 값을 내려주면, 자식 컴포넌트에서는 props로 데이터를 접근할 수 있다. 자식 컴포넌트 child-compo {{value}} Add 1 💫 단, v-model로 바인딩 한 값은props에서 valu..
반응형
Uheeking
'양방향 바인딩 예시' 태그의 글 목록