vue3如何调用vuex中mutations里的方法
时间: 2023-06-26 19:04:04 浏览: 230
在 Vue3 中调用 Vuex 中的 mutations 方法非常简单,只需要使用 `store.commit('mutationName', payload)` 的方式即可。
其中,`mutationName` 是你在 Vuex store 中定义的 mutation 名称,`payload` 是传递给 mutation 的数据。比如,如果你在 Vuex 中定义了一个 mutation:
```javascript
const store = createStore({
state: {
count: 0
},
mutations: {
increment(state, payload) {
state.count += payload
}
}
})
```
那么,在 Vue3 组件中,你可以这样调用该 mutation:
```javascript
import { useStore } from 'vuex'
export default {
setup() {
const store = useStore()
function handleClick() {
store.commit('increment', 1)
}
return {
handleClick
}
}
}
```
这里我们使用了 `useStore` 函数从 Vuex store 中获取 store 实例,然后在 `handleClick` 方法中调用了 `store.commit` 方法来触发 `increment` mutation。
阅读全文