javascript - 여러 구성 요소가 ajax에서 반환된 데이터를 공유하는 방법

Question

도시 구성 요소 가져오기

으아악

페이지에 이러한 구성 요소가 여러 개 있을 수 있습니다. 실제로는 데이터가 동일합니다. 비동기 데이터를 한 번만 요청한 다음 해당 구성 요소에 대해 동일한 복사본을 사용하는 방법이 있습니까? ? 데이터? 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를 사용하거나 전역 구성요소를 직접 정의할 수 있습니다