구성 요소의 Vuex

구성 요소의 Vuex

인터넷에서 이용할 수 있는 공식 Vuex 문서와 가이드에서, 당신의 상점 상태나 Getter에 접근하기 위해서는, 당신이 필요로 하는 데이터를 반환하는 계산된 속성을 생성해야 한다고 언급되어 있다(예: 이것).$store.state.info) 또는 MapState 도우미를 사용할 수 있다.

다음과 같은 템플릿에서 직접 참조하는 템플릿의 Vuex 데이터에 액세스한다.

<p> {{ $store.state.info }} </p>

게이터도 마찬가지다.잘 되긴 하는데, 내가 Vuex에 대해 읽은 기사들은 다 이렇게 안 되던데 내가 실수하는 건 아닌지 모르겠어.가이드는 항상 MapState 또는 MapGetter를 사용하여 직접 계산된 속성을 생성한다.

너는 내가 하고 있는 방식이 괜찮다고 생각하니, 아니면 틀리고 나중에 내 프로젝트에서 버그를 만날 수도 있다고 생각하니, 그것은 단지 모범적인 관행이 아니거나, 아니면 내가 하는 방식으로 Vuex를 사용하는 것이 괜찮다고 생각하니?

Vue는 실제로 어떤 모범 사례가 존재할 수 없다는 것을 의미하지는 않지만- 당신의 방식이 괜찮다는 것을 알 수 있다. Vue에는 실제로 그렇게 하기 위한 많은 접근법이 있다. 만약 당신의 앱이 (중간 규모에서 큰 사이즈로) 성장하려면, 비록 tr이기는 하지만, 유지보수를 염두에 둔 지도 도우미들을 찾는 것이 더 나을 것이다.에이드 아웃은 좀 더 장황한 코드다.

편집: 업데이트: @edpr 나는 또 다른 이유를 생각했지만, ES2015의 모든 방법을 사용하려면 맵헬퍼로 이동하십시오. 즉석에서 구문을 파괴하고 확산하는 이점을 얻을 수 있으므로 맵헬퍼로 이동하십시오. 그러면 맵 방식으로 이동할 때 자세한 결과를 얻을 수 있을 겁니다.

MapGetters 또는 MapState는 읽기 쉽고 이해하기 쉬운 구문을 제공하고 자동으로 Getter를 계산된 속성에 매핑하기 때문에 일반적으로 가장 좋은 방법이다.또한 많은 게터, 행동 등의 경우에 한 곳에 보관하는 것이 좋다.

참조URL: https://stackoverflow.com/questions/51574934/vuex-on-component