我正在开展大型vue应用程序 而且,我有很多模块:组织,用户等 目前我正在考虑大型模块的结构。
请帮助我使它正确且可扩展。
例如。
activeOrganizationId - 它的全局变量,它影响所有应用程序。
组织列表 - 它是所有组织的全局变量 它在主导航等中使用
OrganizationsListPage - 它与组织的表,
过滤器等CRUD功能。
因此。
activeOrganizationId和模块列表 - 全局。
pages.list - 不是全局的,它是OrganizationsListPage。
// vuex Module organizations.
organizations: {
state: {
activeOrganizationId: '' // global app value
},
modules: {
list: {
// global organizations list
state: {}
},
pages: {
modules: {
list: {
// lazy-load module for organizations list page
// registered in beforeCreate, unregistered in destroyed hooks
state: {}
}
}
}
}
}