vuexのmapActionsを使用して、actionを呼び出す方法につきまして

Question

vuexを使用しているのですが、
その際に、componentからmapActionsを使ってactionを呼び出しています。
そのこに、createdがあり、そこでもactionで実装した関数を実行しているのですが、
これはどういうことなのでしょうか？

export default {
  methods: {
    ...mapActions([ 'getProfile' ]) // <== actionの呼び出し
  },
  components: { ShoppingCartLimit },
  created () {
    this.getProfile() // <==ここでactionの実行？
  }
}

// action

export const getProfile = ({ commit }) => {
  api.getProfile((profile) => {
    commit('RECEIVE_PROFILE', profile)
  })
}

// api

export default {
  getProfile (cb) {
    cb(profile)
  }
}

Answer 1

...mapActions([ 'getProfile' ])は「このコンポーネント内でgetProfileを使えるように準備」とでも考えればいいです。

実際に実行してるのはthis.getProfile()の箇所。

Comments

[退会済みユーザー]

準備だったんですね。
ありがとうございます。