목록emit (1)

Posis

[Vue.js] 자식 컴포넌트에서 부모 컴포넌트로 데이터 보내기 - emit

이번 포스트에서는 emit Event를 활용해서 자식 컴포넌트에서 부모 컴포넌트로 데이터 통신하는 방법에 대해서 다뤄보겠습니다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 보내는 props 간단 정리 부모 컴포넌트에서는 props를 활용하여 자식 컴포넌트로 데이터를 보낼 수 있다. 즉, 단방향 데이터 바인딩 방식이다. 자식 컴포넌트에서 emit Event를 활용하여 부모 컴포넌트로 데이터 보내기 프로젝트이름/src/App.vue 프로젝트이름/src/components/Input.vue Input 컴포넌트에 abc를 작성하면 watch 속성이 msg의 데이터 변경을 감지하고 한글자씩 a -> ab -> abc를 콘솔에 출력하는 것을 볼 수 있습니다. 동작 순서 input의 입력한 데이터를 변경을 감지해줄 ..
Vue.js 2021. 8. 14. 10:04
이전 Prev 1 Next 다음