vuex想要改变state里的属性,官方推荐的方法是通过mutaion的方式修改state。
例如:
store.js

const state = {
  num:0
}
const mutations = {
  SET_NUM(state, payload) {
    state.num= payload;
  },
}
export default new Vuex.Store({
  state,
  mutations
})
<template>
  ...
</template>
<script>
  export default{
    data(){
      return{
        num:1
      }
    },
    methods:{
	  doSomething(){
	    this.$store.commit('SET_NUM',this.num);
	  }	
	}
  }
</script>

在组件里直接修改state也是生效的,例如:

 doSomething(){
   this.$store.state.num = this.num;
 }	

但是不推荐这种直接修改state的方式,因为这样不能使用vuex的浏览器插件来跟踪状态的变化,不利于调试。
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐