vue3 setup mapmutations
时间: 2024-05-01 11:21:35 浏览: 100
vue3全配置
在 Vue 3 的 `setup` 函数中使用 `mapMutations` 的步骤如下:
1. 导入 `mapMutations` 函数:`import { mapMutations } from 'vuex'`
2. 在 `setup` 函数中通过 `useStore()` 函数获取当前组件的 Vuex store 实例:`const store = useStore()`
3. 在 `setup` 函数中使用 `mapMutations` 函数进行映射,例如:
```
const { increment, decrement } = mapMutations({
increment: 'incrementMutation',
decrement: 'decrementMutation'
})
```
这里的 `incrementMutation` 和 `decrementMutation` 分别是 Vuex store 中的两个 mutation 名称,可以根据具体情况进行修改。
4. 在模板中调用映射后的函数,例如:
```
<button @click="increment">Increment</button>
<button @click="decrement">Decrement</button>
```
这样就可以在 `setup` 函数中使用 `mapMutations` 进行 mutations 的映射了。
阅读全文