1. has found a lot of information, and it seems that the division of store is recommended for flattening. Up to two layers, such as

    {
       home:homeStore,
       about:aboutStore
    }

1. so what about the above structure for complex pages? Like home. There are heads, there are creations, there are many blocks of table,. If it"s all in the same store. What about teamwork? There is a conflict every time you get the code. The structure is not clear, and every time I want to add something, it is very inconvenient to transfer the files to store.

at present, we do it like this: but there will also be a problem, that is, it is not convenient for components to communicate with each other.

    {
       homeStore:{
         headerStore,
         tableStore:{
             searchStore,
             listStore
         },
         createStore
       },
       about:aboutStore
    }

can you give me some advice on which one is better? How to solve all kinds of pain points?