私のアプリケーションでは、vuex ストアにゲーム カードのセットを保存しています。
プレーヤーがゲーム ピンを入力すると、コードがそれをチェックして、そのピンのゲーム カードを取得してストレージに保存し、メモリ コンポーネントを開きます。
リーリーfetchGameCrds は vuex オペレーションです:
リーリーメモリ コンポーネントでは、カードが取得され、ゲームが始まります。 残念ながらゲームカードを店から受け取るのは間に合いませんでした。
ブラウザの開発者ペインでは、カードがストアにあることがわかります。
Memoryscript はいくつかのデバッグ メッセージで始まります:
リーリーコンソールの出力は次のようになります:
リーリーこの問題を解決する方法を知っている人はいますか?
ゲーム カードを毎回バックエンドから取得するのではなく、他のコンポーネントでも使用したいので、コンポーネント自体でカードを取得したくありません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コンポーネントのマウント時に
リーリーgameCards配列が設定されていない場合は、gameCards が実際に使用できる状態になったときにObserversを使用して関数を実行できますウォッチャーは新しい配列値が割り当てられると常に実行されますが、コード例が示すように、渡された古い配列値と新しい配列値に基づくロジックを使用して、ウォッチャーが実際に何かを行うかどうかを制御できます。 p>
デフォルトでは、オブザーバーは監視対象の配列の完全な再割り当てでのみ実行されますが、必要に応じて ディープ オブザーバーを使用できます。