전면 :
나는 회사의 구조에 대한 이해에 대해 이야기하기 위해 여기, 새로운 아키텍처를 배우고, 바로 앞, 최근 때문에 작업에 새로운 참가자의 회사 근처에 흰색 선으로이었다.
vuex 통일 상태 관리를 사용하여
이 회사는 프런트 엔드 프레임 워크 VUE 프레임 워크를 사용하고,이 VUE의 인기 수준에서, 선택의 VUE가 올바른 선택입니다 말했다 않았을 것이다. 다음은 상태 관리 데이터와 네트워크의 모든 요청 vuex을 통해 만들어진 말할 수있는 회사의 특정 구조입니다. 내가 vuex 사용 시나리오를 알기 전에 많은 페이지가 일부 데이터를 공개해야하기 때문에 너무 불편 구성 요소의 형제 전통 가치의 말씀을 통해, vuex 사용하고있을 때 장바구니 페이지 많은 주 일부 데이터와 유사하다. 이제 회사가 vuex을 통해 만들어진 상태 관리 아키텍처 및 데이터 네트워크 요청을 모두 사용이 시작 너무 너무 많은 문제를 느끼고, 이해되지 않습니다. vuex 상태 관리에 의해 모든 데이터 및 네트워크 요청이 더 문제가 될 것입니다,하지만 많은 사람들이 코드를 매우 읽을 다음, 개발 및 개선 후 코드를 작성하지만 지금은 너무도하고 느끼는 것은, 자신의 장점이 있습니다 유지 보수, 그래서 혜택, 이상. 당신이 vuex의 기본 개념 중 일부에 대해 얘기에 그런 설명 :
주요 개념 Vuex 다음과 같다 :
(1) .Store
글로벌 Vuex 객체 참조를 표현한다. Vuex 요소 상태 저장소에서 객체에 액세스하기 위해
(2) .STATE
즉 Vuex 오브젝트의 상태 (각 파일 VUE 상태에 대응)의 손잡이 데이터
.Getter. (3)
점의 계산 된 특성에 대응. 왜냐하면 자산의 계산과 같은, 추천, 종속성에 기초 게터 반환 값을 캐시하고, 그 값에 의존하는 경우에만 다시 계산한다 바뀌었다. (등가 속성 계산)
. (4) .Mutation이
상태에서 데이터를 수정 동작을 정의 하였다. 데이터를 직접 수정 작업을 할 수없는 경우 데이터를 사용하여 구성 요소의 상태, 작업이 데이터의 변경을 달성하기 위해 정의 된 돌연변이를 호출합니다. 이것은 또한 데이터에 대한 적절한 규칙에 Vuex의 정의에서 언급 만들 특정 변경 (이,이 vuex에 주목해야하는 방법과 동일에만 돌연변이를 통해 상태에서 데이터를 변경하려면)
(5) .Action
돌연변이 동기 동작에서 정의 된 작업을 수행 할 수 있으며, 액션 Vuex 비동기 동작은 동작 마침내 돌연변이 동작 호출하여 데이터를 업데이트
(6) .Module
, 대규모 프로젝트 관리를 용이하게 저장 및 상태 사이에서 층 스토어는 복수의 모듈을 포함하는 모듈 상태를 포함하는, 돌연변이 조치
여기에 당신이 기본 사항에 대한 자세한 내용 및 vuex 공식 문서를 보려면 다음 링크를 사용하여 액세스 할 수있는 경우, 많은 이런 말을합니다 :
https://vuex.vuejs.org/zh/guide/