javascript - Vue의 'v-for' 루프에서 하위 구성 요소가 'prop' 값을 수신하고 이상한 문제를 업데이트하지 않습니다.

Question

현재 모든 문자 페이지에 진입하면 renderSource의 값은 여전히 ​​모든 모듈 구성 요소에서 전달된 값이므로 모든 문자에서 전달된 값으로 업데이트되어야 합니다.

모든 모듈에 다시 액세스하면 renderSource는 이전에 모든 문자가 전달한 값으로 업데이트됩니다. 이런 식으로 prop이 전달한 renderSource 값은 항상 한 작업 더 느려집니다.
그런데 이때 브라우저 창을 드래그하면 renderSource 값이 정상적으로 업데이트되는데, 참 이상합니다.

동적 효과 미리보기:

v-for의 하위 구성요소:

prop 데이터를 수신하고 다음과 같이 DATA 값을 초기화하고 렌더링 기능을 사용하여 페이지를 빌드합니다.

무슨 일이 일어나고 있는지 분석하는 데 도움을 주세요.

Answer 1

렌더링하는 속성이 객체에 존재하지 않을 수도 있습니다. set을 사용해 보세요. 배열인 경우 푸시 등을 사용할 수 있습니다. 렌더링해야 하는 것을 변경했음을 시스템에 알려주는 것을 사용하세요.