vuex 状态树的使用

Question

 export const state = () => ({
   wishNum: 0
  });
 export const mutations = {
  SET_WISH: (state) => {
     state.wishNum = 0;
 },
}

 let Num = res.total;
 setStore("wishNum", Num);

##
我这样写对不对。我获取不到$store.state.user.wishNum的值本地的值在变化然而他还是0。

Answer 1

不是$store.state.wishNum吗？

Answer 2

state 和 mutations 放在一个文件中吗？
你可以分开写 state.js

export default {
    wisNum: 0
}

mutations.js

export default {
    SET_WISH: (state, payload) => {
        state.wishNum = payload
    }
}

index.js中

import state from './state.js'
import mutations from './mutations.js'
export default new Vuex.Store({
    state, mutations
})

Vue组件中

this.$store.commit('SET_WISH', 12)

main.js中

import store from './store/index.js'
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>',
  store
})