[Vue] 사용자 지정 이벤트($emit)


[Vue] 사용자 지정 이벤트($emit)

출처: https://kr.vuejs.org/v2/guide/components.html#%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%9E%91%EC%84%B1 기본적으로 부모 컴포넌트로 데이터를 줄 때 props라는 개념을 사용한다. 그런데 자식에서 부모에게 반대로 데이터를 줄 수도 있다. 이럴 때 props를 사용할 수 없다. 기본적으로는 자식은 부모에게 데이터를 줄 수 없다는 것이다. 부모에게 받은 데이터를 자식이 활용해서 수정하고 수정한 데이터가 부모에게 영향을 끼치는 것은 기본적으로 허용되지 않는다. 단방향 데이터만 허용되기 때문이다. 부모에서 자식에게 전해지는 단방향만 허용되지만 필요에 따라서 자식에서 수정한 데이터가 부모 요소에 영향을 미쳐야 하는 경우도 있다. 이럴 때 사용하는 것이 emit 이벤트다. emit이란 기능을 통해 자식에게 발생한 데이터의 이벤트를 만들어 내고 부모 요소에 영향을 주는 형태로 구조를 잡는 것이다. 우선 에러가 나...


#emit #자식 #자바스크립트 #이벤트 #에밋 #뷰 #부모 #vuejs #vue #props #javascript #컴포넌트

원문링크 : [Vue] 사용자 지정 이벤트($emit)