我构建了大型Vue.js项目,并使用Vuex作为组件存储。 Vuex索引文件声明了Vuex模块并具有嵌套模块。
我在问如何在嵌套模块中声明嵌套组的索引模块。
现在,我在嵌套组中创建一个带有路由的索引文件: “ moduleGroupName / index”。
export default new Vuex.Store({
modules : {
'market' : {
namespaced : true,
modules : {
index : Market,
tripOfferingPopup : TripOfferingPopup,
filters : MarketFilters,
trips : Trips,
}
},
'organizer' : {
namespaced : true,
modules : {
index : Organizer,
market : OrganizerMarket,
}
},
'countrySelect': CountrySelect
...
},
})
我的目的是为市场模块获取一个索引文件,而不是具有名称索引的模块。
类似这样:
'market' : {
namespaced : true,
index : Market,
modules : {
tripOfferingPopup : TripOfferingPopup,
filters : MarketFilters,
trips : Trips,
}
}
我的主要目标: 分派带有相对路径的嵌套模块操作。
例如: 市场索引模块中的操作调度行程(嵌套模块),如下所示:
fetchData({dispatch }) {
Axios.get(`/api/market/get-data`)
.then(response => {
dispatch('market/trips/init', response.data.trips, {root : true});
})
不使用根标志。