vue 组件内监听vuex数据变化

数据存入vuex

store.dispatch("updateCoordinate", coordinate);

组件内监听数据代码：

computed:{
    coordinate(){
      return store.getters.coordinate
    },
  },
  watch: {
    coordinate: {
      handler(val) {
        console.log(val);
        //监听到变化 去触发下一步操作
        this.coorDinate()
      },
    },
  },

getters.js

const getters = {
  coordinate: state => state.system.coordinate,
};
export default getters;

system.js

const system = {
  state: {
    coordinate:"",
  },
  mutations: {
    SET_COORDINATE(state, data) {
      state.coordinate = data;
    },
  }
  ,
  actions: {
    updateCoordinate({commit}, data) {
      commit("SET_COORDINATE", data)
    },
  }
}

export default system