vuex 사용 시기(Nuxt)

vuex 사용 시기(Nuxt)

Vue.js 프로젝트(온라인 리마인더 등)를 작성하려고 하는데 RESTful API를 사용하여 구현되었습니다.Vuex가 상태 관리 패턴인 것은 알지만, 그 사용 타이밍을 알 수 없습니다.예를 들어, Vuex는 Vuex를예로 들 수 있습니다.Authentication에서 Authentication Store.

나의 패턴/구조:

 - Service : Call api
 - Store : Call Service
 - Component : Store (Dispatch action)

첫 번째 질문:로그인 기능을 구현하고 서비스 로그인 방법을 만듭니다.그러면 꼭 액션 로그인 방법을 스토어에서 작성할 필요가 있을까요?

두 번째 질문:Vuex 스토어를 사용해야 하는 특정 모듈/기능 또는 시기는 무엇입니까?

Vuex가 해결하는 문제를 이해해야 합니다.https://vuex.vuejs.org/ #상태 관리 패턴은 무엇입니까?

여러 뷰가 동일한 상태에 따라 달라질 수 있습니다.다른 뷰의 액션에서는 동일한 상태의 일부를 변환해야 할 수 있습니다.문제 1의 경우, 깊이 중첩된 구성 요소에서는 통과 소품이 지루할 수 있으며 형제 구성 요소에서는 작동하지 않습니다.문제 2의 경우 부모/자녀 인스턴스의 직접 참조를 얻거나 이벤트를 통해 여러 개의 상태 복사본을 변환 및 동기화하려는 등의 솔루션에 의존하는 경우가 많습니다.이러한 패턴은 모두 취약하기 때문에 유지보수가 불가능한 코드로 이어집니다.

컴포넌트에서 공유 상태를 추출하여 글로벌 싱글톤으로 관리하면 어떨까요?이를 통해 구성 요소 트리는 큰 "보기"가 되며, 트리 내 어디에 있든 모든 구성 요소가 상태에 액세스하거나 작업을 트리거할 수 있습니다.

으로 Vuex에 하지 않고 할 수 있도록 합니다.props ★★★★★★★★★★★★★★★★★」emit에요.그게 다에요.

---

예를 들어 역겨운 카트가 있다면 Vuex에 넣을 수 있습니다.모든 웹사이트를 돌아다니며 아이템을 던질 수 있기 때문입니다.지역 주(州)에 의존하는 것은 최종 계산을 하는 데 번거로울 것이다.

홈페이지용 API에서 10장의 사진을 가져오는 경우 앱 내 어디에나 접속할 수 있는 기능이 있는 것은 그다지 유용하지 않을 수 있으므로 Vuex에 넘기는 것은 무리입니다.이 경우 지역 주정부와 소품/에밋으로 충분합니다.

따라서 결국 코드를 어떻게 구성하느냐에 따라 달라질 수 있으므로 너무 무리하지 않도록 하십시오.

---

두 번째 질문은 의견에 따라 달라집니다.그래서 시험해보고 어떻게 되는지 보는 게 최선이에요.문제가 있으면 나중에 변경할 수 있습니다.

언급URL : https://stackoverflow.com/questions/68585810/when-to-use-vuex-in-nuxt