如何配置Vue mapActions

Question

vue-cli store

我的代码是这样的：  ... mapActions（＆＃39;一些/嵌套/模块＆＃39; [       ＆＃39; getCountry＆＃39 ;,       ＆＃39; getCurrency＆＃39;     ]），

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

Answer 1

mapActions用于组件的methods属性。

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

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

命名空间可以由模块的文件名确定。例如，给定一个文件 - moduleA.js - 获取者，突变，操作将被命名为moduleA/someGetter，moduleA/someAction，moduleA/someMutation。

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

  

当模块注册时，其所有的getter，actions和mutation将根据模块注册的路径自动命名为

另一种方法是使用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