Vuejs3에서 localStorage를 어떻게 사용하나요?

Question

localStorage와 그 사용법이 약간 혼란스럽습니다. 마지막에 모달을 표시하는 구성 요소 Statistic.vue가 있습니다.

Statistic.vue

으아악

index.js

으아악

WordRow.vue

으아악

내 문제는 Statistic.vue의 numberOfGames에 올바른 숫자가 표시되지 않는다는 것입니다. 페이지를 로드한 후 올바른 값이 표시되고 그렇지 않으면 1이 남습니다.

Answer 1

Vue Use 라이브러리를 사용하는 것이 좋습니다. Vue.js 3의 VueX/Pinia와 함께 로컬 저장소를 사용하기 위한 매우 좋은 모듈러스를 가지고 있습니다.

https://view.org/core/useLocalStorage/