Vue.js) Unexpected mutation of "" prop 에러 원인 분석

부모뷰에서 v-bind로 전달한 데이터를 자식 뷰에서 props로 받고 그 값을 변경했을때 나타나는 에러이다.

부모뷰에서 자식뷰로 전달한 데이터는 수정하지말고 따로 값을 변수화하여 사용한뒤 @emit을 이용해서 값을 동기화 시키는게 좋다.

 

참고 자료 )

https://kr.vuejs.org/v2/guide/components.html#%EB%8B%A8%EB%B0%A9%ED%96%A5-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%9D%90%EB%A6%84

컴포넌트 — Vue.js