Vuex:不同模板(module)之间分发 action 或提交 mutation
场景:卖书的商城,在书籍商品显示详情页的时候需要去获取相关的作者信息,书籍表通过authorId字段关联作者表中的作者。所以考虑方案:在详情页先获取书籍信息,然后通过authorId去查找作者信息。
实现:创建两个状态管理的module:book.js 和 author.js ,然后在详情页:bookDetail.vue中去管理状态。
// author.js
export default {
namespaced: true,
state: {
author: {
}
},
getters: {
},
mutations: {
setAuthor: function (state, author) {
state.author = author
}
},
actions: {
getAuthorName: function ({
commit }, authorId