サーバーのRESTロジックをvue/vuexに配置する場所

Question

Vue + Vuexアプリケーションで...

私はアイテムのリストを持っています。クライアントで新しいアイテムを作成する場合、このアイテムもサーバー上に作成する必要があります。サーバーは新しいiemのIDを提供する必要があります。

状態を更新するには、往復が必要です。

ここで、このAJAX呼び出しをvuex 'actions'またはvuex 'mutations'に入れますか？ここでのベストプラクティスは何ですか...

Answer 1

突然変異は同期トランザクションなので、アクションを使って（AJAX呼び出しのような）非同期作業をしたいと思うでしょう。

Answer 2

私は抽象化の別のレベルを追加します。

あなたは他の/他のファイル内のあなたの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) 
}) 
}