vuex 에 store.commt 와 store.dispatch 를 저장 하 는 용법

코드 예제:
this.$store.commit('loginStatus', 1);
this.$store.dispatch('isLogin', true);
올 바른 사용법:

//      
store.commit('increment',{
 amount: 10 //       
})

//              
store.commit({
 type: 'increment',
 amount: 10 //       
})
주요 차이 점:
dispatch:비동기 동작 을 포함 하여 actions 에 데 이 터 를 제출 합 니 다.배경 에 데 이 터 를 제출 할 수 있 습 니 다.
쓰기 예제:
this.$store.dispatch('isLogin', true);
commt:동기 화 작업,데 이 터 를 mutations 에 제출 합 니 다.로그 인 성공 후 사용자 정 보 를 읽 고 캐 시 에 쓸 수 있 습 니 다.
쓰기 예제:
this.$store.commit('loginStatus', 1);
둘 다 부하 형식 이나 대상 스타일 로 제출 할 수 있 습 니 다.
추가 지식:vuex 의 action 의 반환 값 을 어떻게 얻 습 니까?(axios 요청 의 경우)
전에 선생님 께 서 vuex 의 봉 투 를 말씀 하 셨 기 때문이다.
오늘 은 써 보고 싶 어서 봉 했다.
하지만 vue 구성 요소 에서 vuex 액 션 의 반환 값 을 가 져 오 려 고 합 니 다.
여기 제 가 사용 하 는 dispatch 호출 은 그림 과 같 습 니 다.

제 가 여기 서 쓰 는 new Promise 방법.

getlunbolist 를 호출 할 때 new Promise 를 되 돌려 주 고 필요 한 값 을 resolve 로 가 져 옵 니 다.
구성 요소 에서 then 방법 으로 꺼 내 사용 할 수 있 습 니 다.

나 는 단지 작은 흰색 일 뿐이다.나 는 나의 표현 이 매우 딱딱 하고 아직 준비 하지 않 았 을 수도 있다 는 것 을 안다.그러나 뜻 은 대략 이 뜻 이다.그리고 제 가 얻 은 것 이 있다 고 생각 하 는 내용 을 꾸준히 내 려 올 것 입 니 다.나중에 큰 사람 이 되 어 스스로 보완 할 수 있 기 를 바 랍 니 다.물론 큰 사람들 이 문 제 를 보면 동생 에 게 많은 조언 을 해 줄 수 있 습 니 다.
이상 의 vuex 에 store.commt 와 store.dispatch 를 저장 하 는 용법 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기