タグ

ブックマーク / junpeko.com (2)

  • direnvの導入(mac環境)

  • Vuexのアクションを理解する

    Vuexのアクション(actions)は、 ミューテーションと似ていますが、 アクションは、状態を変更するのではなく、ミューテーションをコミットする。 アクションは任意の非同期処理を含むことができる。 という点で異なります。 全体の処理の流れとしては、コンポーネントからdispatchでアクションを呼び出し、アクション内で外部APIなどからの非同期処理を行った後、commitでミューテーションを使いステートを更新するという流れとなります。 dispatchはアクションを呼び出すメソッドです。 コンポーネントのmethodsで、下記の様に使用します。 methods: { clickPlus() { this.$store.dispatch('increment') }, clickMinus() { this.$store.dispatch('decrement') } また、dispat

    Vuexのアクションを理解する
  • 1