javascript - 複数のコンポーネントが ajax から返されたデータを共有する方法

Question

都市コンポーネントを取得する

リーリー

ページにはそのようなコンポーネントが複数ある場合があります。この場合、複数の ajax リクエストがリクエストされます。実際、データは同じです。非同期データを 1 回リクエストするだけで、その後は複数のそのようなコンポーネントを使用する方法はありますか?同じデータ？ ajaxを外部で定義してcityDataに割り当ててみたので、データを直接更新できません

Answer 1

test.json は、.js ファイルの形式に変更し、それを変数に直接変更することで取得できます。モジュール式のものもあります。

Answer 2

都市コンポーネントを見てください。city.data().cityData が必要な結果セットです

Answer 3

1. Vuexで管理

2. この値を共通の親コンポーネントで維持し、props を通じて子コンポーネントに渡します。子コンポーネントは $emit を通じて ajax の親コンポーネントに通知します

Answer 4

最後に、非同期コンポーネントを使用しました

リーリー

Answer 5

複数のコンポーネント間でデータを共有するには、vuex を使用するか、グローバルなコンポーネントを自分で定義できます