vue.js - 如何配置Vue mapActions

Vue-Cli商店

我的代码是这样的:
... mapActions('some / nested / module'，[
“getCountry”，
'getCurrency'
])，



如何在Vue组件中设置mapActions路径？

最佳答案

mapActions在组件的methods属性中使用。

// my-component.vue
import { mapActions } from 'vuex'

export default {
    ...
    methods: {
        ...mapActions('namespaced/module', [
            'myAction',
            'myOtherAction'
        ])
    }
}

命名空间可以由模块的文件名确定。例如，给定文件-moduleA.js- setter/getter ，则将 Action 命名为moduleA/someGetter，moduleA/someAction和moduleA/someMutation。

...mapActions('moduleA', [
    'someAction',
    'anotherAction'
])

另一种方法是使用registerModule方法，该方法允许动态运行时注册:

// register a module `myModule`
store.registerModule('myModule', {
  // ...
})

// register a nested module `nested/myModule`
store.registerModule(['nested', 'myModule'], {
  // ...
})

Vuex Docs - Namespacing

Vuex Docs - Dynamic Module Registration

关于vue.js - 如何配置Vue mapActions，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49548718/