如何配置 Vue mapActions
How to configure 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
- getters、mutations、actions 将命名为 moduleA/someGetter
、moduleA/someAction
、moduleA/someMutation
.
...mapActions('moduleA', [
'someAction',
'anotherAction'
])
When the module is registered, all of its getters, actions and mutations will be automatically namespaced based on the path the module is registered at
另一种方法是使用 registerModule
方法,它允许动态运行时注册:
// register a module `myModule`
store.registerModule('myModule', {
// ...
})
// register a nested module `nested/myModule`
store.registerModule(['nested', 'myModule'], {
// ...
})
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
- getters、mutations、actions 将命名为 moduleA/someGetter
、moduleA/someAction
、moduleA/someMutation
.
...mapActions('moduleA', [
'someAction',
'anotherAction'
])
When the module is registered, all of its getters, actions and mutations will be automatically namespaced based on the path the module is registered at
另一种方法是使用 registerModule
方法,它允许动态运行时注册:
// register a module `myModule`
store.registerModule('myModule', {
// ...
})
// register a nested module `nested/myModule`
store.registerModule(['nested', 'myModule'], {
// ...
})