vue 저장소의 배열을 구성 요소에서 사용할 수 없음(시간 내)

Question

내 애플리케이션에는 vuex 스토어에 게임 카드 세트가 저장되어 있습니다.

플레이어가 게임 핀을 채우면 코드가 이를 확인하고 해당 핀에 대한 게임 카드를 가져와서 저장소에 저장하고 메모리 구성 요소를 엽니다.

으아아아

fetchGameCrds는 vuex 작업입니다.

으아아아

메모리 구성요소에서 카드를 회수하고 게임이 시작됩니다. 아쉽게도 제 시간에 맞춰 매장에서 게임 카드를 구할 수 없었습니다.

브라우저의 개발자 창에 카드가 매장에 있는 것을 볼 수 있습니다.

Memoryscript는 일부 디버그 메시지로 시작됩니다.

으아아아

콘솔의 출력은 다음과 같습니다.

으아아아

이 문제를 어떻게 해결할 수 있는지 아시는 분 계신가요?

매번 백엔드에서 게임 카드를 가져오는 대신 다른 구성 요소에서도 게임 카드를 사용하고 싶기 때문에 구성 요소 자체에서 카드를 가져오고 싶지 않습니다.

Answer 1

컴포넌트가 마운트되었을 때 채워지지 않은 경우 gameCards 数组，您可以使用 观察者 在 gameCards 실제로 사용할 준비가 되었을 때 함수를 실행하세요

으아악

감시자는 새 배열 값이 할당되면 항상 실행되지만 내 코드 예제에서 볼 수 있듯이 전달된 이전 배열 값과 새 배열 값을 기반으로 하는 논리를 사용하여 감시자가 실제로 작업을 수행하는지 여부를 제어할 수 있습니다. p>

기본적으로 관찰자는 관찰된 배열의 완전한 재할당에서만 실행되지만 필요한 경우 깊이 관찰자를 사용할 수 있습니다.