반응형 component1 [Vue3] Vue.js에서 자식 컴포넌트의 렌더링 순서에 대한 오해(v-for) 부모 컴포넌트 //부모 컴포넌트 추가 자식 컴포넌트 //자식 컴포넌트 {{item + '::->' + testData}} 처음 마운트 하는 경우 예상하는 값으로 랜더링이 되고 있다. 이때 test4를 추가해보자 (상황: list 0번째에 새로운 데이터를 추가하기 위해 list.value = [data.value, ...list.value] 로 추가했다) 새로 추가된 값에 경우 testData의 값이 test3으로 들어오는 게 확인 된다. 잘 살펴 보면 마지막 test1만 원하는 값이 나오고 나머지는 그전에 값과 동일한 값이 나온다. 이유 처음 부모가 마운트 될 때 자식 컴포넌트도 마운트를 하게 된다. 이 경우에는 정상적으로 동작. 이후 부모에 list가 변경될 경우 test3, test2, test1을 .. 2023. 10. 19. 이전 1 다음 반응형
