vue 에러 해결법: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value.

vue 에서 props 로 데이터를 전달할때 가끔 아래와 같은 에러가 발생하는 경우가 있다.

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value.

위 메시지의 의미는 props 즉, 상위 컴포넌트에서 내린 데이터를 하위 컴포넌트에서 변경시키려 해서 나는 에러이다.

따라서 하위 컴포넌트에서 해당 props를 변경시켜주는 함수나 v-model 등이 있는지를 확인한다.

1. 보통은 method 에서 props 데이터를 변경시키는 부분이 있는데

=> 이는 this.$emit 을 통해 props 데이터가 시작되는 곳에서 함수로 변경시키거나 computed 로 값 변경을 하여 처리한다.

2.  1번이 아닌 경우에는 v-model 으로 props로 내린 데이터를 변경하려 해서 난 에러인 경우도 있다. 

=> computed 등으로 변경하여 사용하자.