storeのstateに入っている値を変えたい

Question

storeフォルダにportfolio.jsファイルを作りました。
sampleファイルのstateに入っている値を変更したいです。

// portfolio.js
export const state = () => ({
  isPortfolioApi: null
})

export const mutations = {
  getPortfolioApi() {
    state.isPortfolioApi = 'a'
  }
}

// index.vue
mounted() {
    this.getArticle()
},
methods: {
  getArticle() {
　　 this.$store.commit('getPortfolioApi') // 多分この記述に誤り
}

エラー内容

unknown mutation type: getPortfolioApi

またmethodsで呼びだす際に、引数をmutationに値を渡し変更することはできるでしょうか？

Comments

[karamarimo]

portfolio.js と sample.js は同じものですか？

[退会済みユーザー]

同じものです。
修正いたしました。

Answer 1

先程の質問でお答えしたとおりportfolio.js内のstate, mutations, actoinsはportfolioというnamespaceに登録されます。

Namespacing - Vuex

ここに書かれているように、namespace内のstateやmutation、actionを指定するときはnamespaceの名前を指定する必要があります。今の場合commit('portfolio/getPortfolioApi')でできます。

またmethodsで呼びだす際に、引数をmutationに値を渡し変更することはできるでしょうか？

Commit with Payload - Vuex

ここに書かれているとおりcommitするときに任意のデータを渡すことができます。commitの第2引数がmutationの第1引数として渡されます。(dispatchについても同様)

Comments

[退会済みユーザー]

返信遅くなり申し訳ございません。
前の質問に答えていただいたのと今回の回答で理解が深まりました。
回答ありがとうございます！！