Vue.js + Vuex + async/await で非同期処理

まとめ Vue.js + Vuex において非同期処理は、actions 内で実行するのが良い。なぜなら、アクションを定義するメソッドの中で action の dispatch や mutation への commit を任意のタイミングで実行できるので、柔軟に処理を組み合わせることができるからだ。 その際、async/await シンタックスで書くことで、非同期処理を「あたかも同期処理のように、上から下へと希望する処理順と同じように書くこと」ができる。これはあくまで見た目であって、非同期処理は非同期処理である。内部的には Promise である。 まずは axios を使った promise ベースの http リクエストをだすメソッドを作る axios は http リクエストをだすためによく使われる npm。 async function を作るには、普通の function lit