vue3 mapActions 怎么用

在 Vue 3 中，如果你想使用 `mapActions` 辅助函数，需要先从 `vuex` 中导入它，然后在组件中使用。下面是一个示例：

import { mapActions } from 'vuex';

export default {
  // 组件选项
  methods: {
    ...mapActions(['increment', 'decrement']),
    // 或者使用对象展开运算符
    ...mapActions({
      add: 'increment',
      subtract: 'decrement'
    })
  }
};

在上面的示例中，我们从 `vuex` 中导入了 `mapActions` 辅助函数，并使用它将 `increment` 和 `decrement` 映射到组件的 `methods` 中。在模板中，我们可以通过调用这些方法来触发对应的 `actions`：

<template>
  <div>
    <button @click="increment">Increment</button>
    <button @click="decrement">Decrement</button>
    <button @click="add">Add</button>
    <button @click="subtract">Subtract</button>
  </div>
</template>

注意，如果你使用了对象展开运算符的方式映射 `actions`，你可以自定义方法名，从而在组件中使用自定义的方法名。