계산된 속성에서 인덱스를 나타내는 값을 변경할 때 메모리 누수가 발생합니다.

Question

계산된 속성에 문제가 있습니다

으아악

몇 가지 배경: this.CorractAnswers는 속성이 레벨이고 값이 각 문에 대한 객체인 객체입니다.

으아악

레벨이 완료되면 레벨을 더 추가하겠습니다

으아악

이후에는 모두 차단됩니다. 이 문제를 일으키는 것이 Vue인지 TypeScript인지 모르겠습니다. 아니면 둘의 조합일까요? 왜 이런 일이 일어나는지 아는 사람이 있나요?

레벨 올리기를 꺼봤는데 문제가 없었습니다. 분명히 나는 ​​같은 수준에 머물렀다. 하지만 다른 재설정 논리는 작동합니다

후속 조치:

색인을 사용할 필요가 없도록 변경했을 때에도 여전히 같은 문제가 있었지만 이제는 그렇게 했습니다.

correctAnswersForCurrentStage(): object {return 
    return this.correctAnswers[this.currentLevel] ?? {};
},

Answer 1

현재 제공되는 코드로는 구별하기 어렵지만 this. CorrectAnswersForLevel1 등도 계산된 속성인 것으로 생각됩니다. 이는 순환 참조를 얻게 되어 무한 루프가 발생함을 의미합니다.

이 외에도 코드에는 잘못된 참조도 포함되어 있습니다. this. CorrectAnswers['1'] 与 this. CorrectAnswers[1] 문자열과 숫자를 서로 비교하기 때문에 다릅니다.