javascript - 使用 Vuex 的未知突变类型

Question

组件

computed: {
   score () {
    this.$store.commit('geolocation');
    console.log(this.$store.getters.lat);
   }
}

store.js

export default {
  state: {
   lat:'ok',
  },
  getters:{
    cordinate(state){
    return state.lat
    }
  },  
  mutations: {
    geolocation(state){
     state.lat
    }
  },
  actions: {
  }
}

App.js

import StoreData from'./store.js';
Vue.use(Vuex);
const store = new Vuex.Store({StoreData});
new Vue({
  el: '#app',
  data: {},
  router: router,
   store,
})

vuex 新手。试图从 vuex 获取值(value)。但坚持这个错误:[vuex] 未知突变类型。我错过了什么吗？

Answer 1

您应该按如下方式为状态属性分配一些值:

computed: {
   score () {
    this.$store.commit('geolocation',78);
    console.log(this.$store.getters.lat);
   }
}

  mutations: {
    geolocation(state,newLat){
     state.lat=newLat;
    }
  }

当使用 Vuex 存储时，建议在方法中使用 mutations 和 actions，在计算属性中使用 getter。

问题来源

In your main.js you should have const store = new Vuex.Store(StoreData); instead of const store = new Vuex.Store({StoreData}); by removing {} around StoreData