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으로 데이터를 전달할 때 발생하는 에러.

props를 직접 변경하게 되는 경우 이러한 경고 메시지가 나온다.

 

확인할 것

1. 함수 중 props로 받은 데이터를 직접 변경하는 것이 있는지

2. v-model에 props를 직접 연결했는지

 

 

해결법

 

1.함수 중 props로 받은 데이터를 직접 변경하는 경우

 

-> this.$emit 을 통해 부모 컴포넌트로 전달해 데이터를 변경하게끔 한다

 

2. computed를 활용해 props 데이터를 변경한다.