배열의 인덱스를 직접 사용해서 값을 변경하면 화면이 직접 보여지지 않는다고 하셨는데, 코드 그대로 작성한 것 같은데 저는 클릭할 때마다 값이 보여지더라고요...
혹시나 click이벤트가 실행되면서 새로고침때문에 화면에 값이 나오는 건가 싶어서 e.preventDefault(); 도 붙여보았지만 여전히 값이 잘 출력되고 있는데요,
이건 현재 뷰 버전이 업데이트 되면서 변경된 부분인걸까요..??
이미지 첨부합니다.<img src="https://cdn.inflearn.com/public/files/posts/7d3c9c44-4ba0-43be-b60a-1363be4367a4/20200409_192004.png" title="20200409_192004.png" width="1679" height="1039" alt="" />

배열 인덱스로 변경된다면 그대로 쓰시면 됩니다. 배열 인덱스로 검색이 안 되는 것은 vue가 observe하지 못하는 객체라서 this.$set이나 Vue.set을 써주어야 합니다.

웹 게임을 만들며 배우는 Vue

7-3 강의 4분 51초즘에서 궁금한게 있습니다..

7-3. Vue.set

부분적인 화면 갱신으로 성능 최적화

인프런 커뮤니티 질문&답변

7-3 강의 4분 51초즘에서 궁금한게 있습니다..