this.$store.commit之后怎么获取
时间: 2023-08-12 10:20:02 浏览: 56
如果您在使用Vue.js中的Vuex状态管理库,并使用了`this.$store.commit`来改变状态,那么想要获取新的状态,可以通过以下两种方式:
1. 通过getter获取状态
在Vuex store中定义getter,用于获取修改后的状态。例如:
```javascript
// 在Vuex store中定义getter
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
}
},
getters: {
getCount: state => {
return state.count
}
}
})
// 在组件中使用getter获取状态
this.$store.commit('increment')
const newCount = this.$store.getters.getCount // 获取修改后的状态
```
2. 直接访问状态
在组件中,可以直接访问Vuex store中的状态,例如:
```javascript
// 在组件中获取状态
this.$store.commit('increment')
const newCount = this.$store.state.count // 获取修改后的状态
```
需要注意的是,不建议在组件中直接修改Vuex store中的状态,应该通过提交mutations来进行状态的修改。