我正在开发大型 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: {}
}
}
}
}
}