(VUE/VUEX) API 호출에서 데이터 가져오기 및 해석에 관한 베스트 프랙티스

(VUE/VUEX) API 호출에서 데이터 가져오기 및 해석에 관한 베스트 프랙티스

API 호출에서 데이터를 가져오거나 구문 분석할 때 베스트 프랙티스에 대한 질문이 있습니다.

옵션 1: 변경된 데이터를 저장하는 가져오기 시 어댑터를 사용한 API 호출 옵션 2: 항상 API 호출의 원시 데이터를 저장하고 적응을 위해 getter에 의존합니다.

주의: 반환되는 데이터 세트는 크므로 원시 데이터를 사용하지 않을 수 있습니다.

코드의 명확성, 심플성 및 퍼포먼스 측면에서 최적의 옵션은 무엇입니까?

위에서 설명한 경우, 저는 제안합니다.Option 1에 걸쳐서Option 2.

일반적으로 raw 데이터를 해석하여 스테이트에 저장하는 것(옵션 1)을 권장합니다.raw 데이터를 스테이트에 보존하는 것 외에 getter를 사용하여 해석하는 것(옵션 2)을 권장합니다.

질문의 기준에 따라 내 권고를 중단합니다.

• 코드의 명확성과 심플성:

  API 데이터 구조에 따라서는 getters에 API 데이터 수신 후 파싱 기능에서 더 잘 처리할 수 있는 반복 코드가 있을 수 있습니다.

  또 다른 장점은 API 오류나 예상치 못한 변경을 스토어에 저장하기 전에 처리할 수 있다는 것입니다.이 방법을 사용하면 모든 getter 값을 필요에 따라 검증하는 대신 오류 처리를 단순화할 수 있습니다.Option 2.

• 퍼포먼스:

  상태에 데이터를 적게 저장하면 메모리 사용량이 줄어들며, 이는 영향을 미칠 수 있는 원시 데이터의 크기에 따라 달라집니다.얻어진 또 하나의 시적 이점Option 1는 데이터가 사전 해석되어 데이터가 필요할 때 실행할 필요가 없는 코드를 의미합니다.

주의: 두 가지 옵션이 모두 유효합니다.적합성이 뛰어난 옵션은 주로 상태 아키텍처, 원시 데이터 형식 및 코드에서 데이터를 사용하는 방법에 따라 달라집니다.

언급URL : https://stackoverflow.com/questions/62541491/vue-vuex-best-practices-regarding-fetching-and-parsing-data-from-an-api-call