반응형 반응성1 [Vue.js] 이슈부터 해결하는 Vue 프레임워크 Deep Dive (feat. 공식문서) Vue.js 프레임워크를 이용해 개발하며 마주했던 문제와 해결 방법에 대해서 작성합니다. [Issue1] 상위 컴포넌트의 data의 값이 변경될 때, 하위 컴포넌트에 props로 바인딩 한 값이 변경되지 않는 현상. (업무 예시 : 요금조정 컴포넌트(상위 컴포넌트)에서 axios 통신으로 받아온 데이터(vuex- state)로 DatePicker 컴포넌트(하위 컴포넌트) 날짜 변경(props data)을 해야 하는데 변경되지 않는 이슈 발생) [Solve1] 하위 컴포넌트에 :key ="props value" 를 속성으로 추가하면, 해당 데이터 변경 시 해당 하위 컴포넌트 데이터 변경 감지함. 부모 컴포넌트 입니다. 용돈 주기 ( 해당 예시에서는 :key 없이도 잘 변경이 됩니다..! :key를 어떻게 .. 2023. 3. 28. 이전 1 다음 반응형
