목록Vue.js (1)

끄적이고 기록하는 나의 블로그

[Vue warn]: 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. Prop being mutated:

Vue.js 에서 부모 컴포넌트와 하위 컴포넌트 데이터 전달을 위한 props 를 사용하다가 console에서 하기와 같은 오류를 마주친적이 있다. 사실 그동안 무심코 지나쳤다가.. 저런 warning도 지나치지 말자는 다짐으로 이번 기회에 고쳐본다. 나 같은 경우는, 부모 컴포넌트에서 자식 컴포넌트에게 "files"라는 data를 props로 전달하는데, 자식 컴포넌트에서 props로 받은 files를 직접 변경하는 코딩을 하였다. 저 console 메시지를 직역하면 부모 컴포넌트에서 이 props를 re-rendering하여 값을 다시 엎어쓸수도 있으니, 자식 컴포넌트에서는 props로 전달받은 값을 복사하여 사용하라는 말이다. 즉, 부모 컴포넌트에서 전달하는 props는 단방향으로써, 자식 컴포넌트..
프로그래밍/FE engineering 2021. 4. 15. 14:07
이전 Prev 1 Next 다음