VueJS

일반적으로 자식 컴포넌트에서 부모컴포넌트의 state를 변경시킬 순 없다. 부모 컴포넌트에서 받은 값은 read-only이기 때문이다. 따라서 custom event를 통해 자식에서 부모컴포넌트로 이벤트를 전달해서 값을 수정해야 한다. 다시 말해 자식컴포넌트에서 props값을 변경시키는 것이 아니라 부모한테 이벤트를 전달해서 부모 컴포넌트 내 state를 변경시켜야 한다. $emit('보낼이벤트의이름', 데이터) // 보낼 데이터가 없으면 그냥 $emit('보낼이벤트의이름') 로 보내도 된다. 이런 느낌으로 보내주면 된다. // 자식 컴포넌트 ModalTest.vue 이걸 클릭하면 부모 컴포넌트에서 이벤트 발생 {{ roomInfo.price }}원 // 부모 컴포넌트 위에 코드를 보면 자식컴포넌트에서 ..