서버 REST 로직을 vue/vuex에 저장하는 위치

서버 REST 로직을 vue/vuex에 저장하는 위치

Vue + Vuex 애플리케이션에서...

저는 상품 목록을 가지고 있습니다.클라이언트에서 새 항목을 작성할 때 이 항목도 서버에 작성해야 합니다.서버가 새 항목의 ID를 제공해야 합니다.

그래서 우리는 상태를 업데이트하기 전에 왕복이 필요합니다.

이제 이 AJAX 호출을 vuex 'actions' 또는 vuex 'mutations'에 입력해야 합니까?여기서 가장 좋은 방법은 무엇입니까?

저는 추상화의 다른 수준을 추가할 것입니다.

당신은 당신의 api 호출을 다른/다른 파일로 나누고 당신의 스토어 동작에서 이러한 메소드를 호출해야 합니다.

//store action
import * as apiService from '../api'

export const someAction = ({ commit }) => {
 apiService.getXXX()
 .then( result => {
  commit(SOME_MUTATION, result)
 })
 .catch( error => {
  commit(SOME_ERROR_MUTATION, error)
 })
}

Vuex에서 돌연변이는 동기식 트랜잭션이므로 액션을 사용하여 모든 비동기 작업(예: AJAX 호출)을 수행해야 합니다.

언급URL : https://stackoverflow.com/questions/43028372/where-do-i-put-my-server-rest-logic-in-vue-vuex