Vuex는 모든 제품 정보와 API 요청 쿼리를 저장합니다.

Vuex는 모든 제품 정보와 API 요청 쿼리를 저장합니다.

이것은 Vue/Vuex의 효율성/베스트 프랙티스를 확인하는 질문입니다.

저는 50개 제품의 페이지화된 데이터 세트를 반환하는 API를 가지고 있으며, 그 중 Vuex 스토어에 저장하고 있습니다.

"모든 제품 표시" 보기에서는 Vuex 스토어에 대해 반복합니다.

개별 제품 루트에 대해서는 Vuex 스토어에서 직접 제품을 로드할지 망설이고 있습니다(즉, 제품을 다시 요청할 필요가 없으므로 더 빠른 속도입니다.아니면 내 API에서 그 제품을 요청하기만 하면 된다.

API에 대한 첫 번째 요구는 사용자가 처음에 "모든 제품 표시" 뷰에서 노출되는 데이터보다 더 많은 데이터로 응답해야 하기 때문에 다소 낭비적인 것 같습니다.

이에 대한 의견이나 의견은?다른 사람에게 내 생각을 확인하고 싶을 뿐이야.

또한 Vuex에서는 스토어에 데이터를 추가할 수 있습니까?예를 들어 사용자가 더 많은 제품을 사이클링하고 있다면 API에서 스토어에 추가 데이터를 추가해야 합니까, 아니면 50개의 레코드를 보관해야 합니까?

정말 고마워.

필

모든 데이터를 vuex에 저장하는 것은 그다지 좋은 생각이 아닙니다.장바구니 관리 및 유지 보수 등에는 Vuex를 더 많이 사용하고 싶습니다.

제품 데이터베이스가 잘 인덱싱되어 있고 제품의 페이지가 한 페이지밖에 없는 경우 REST 통화는 충분히 빠릅니다.데이터베이스 및 DB - 쿼리를 개선하는 데 더 많은 시간을 투자해야 할 수 있습니다.이렇게 하면 Rest 통화의 응답성이 더욱 향상됩니다.

또, 대부분의 유저는, 검색을 세련하지 않으면 제품의 3 페이지나 4 페이지보다 더 멀리 가지 않기 때문에, 좋은 검색이 더 중요하다고 생각할 필요가 있습니다.

vuex를 사용하는 경우 문제는 데이터를 많이 저장하면 속도가 느려지고(제가 저장), 돌연변이 및 getter를 사용하면 속도가 더 느려진다는 것입니다.

연결 상태가 좋지 않은 사용자가 있을 수 있으므로 제품을 클라이언트에 저장하려면 IndexedDB와 같은 다른 오프라인 스토리지 기능을 사용할 것을 권장합니다(LocalStorage나 WebSQL은 오래된 제품이나 벤더에 따라 다릅니다).

이게 결정에 도움이 됐으면 좋겠어요.

언급URL : https://stackoverflow.com/questions/46310446/vuex-to-store-all-my-product-information-and-api-request-query