Uso de vuex em projetos com muitas funcionalidades

[romario-mota]

Olá pessoal,

Gostaria de esclarecer uma dúvida. Em um projeto com muitas funcionalidades como ERP por exemplo, que tem tela de venda, clientes, produtos, etc, é recomendável armazenar os dados de todos essas funcionalidades no vuex?

Pergunto isso visto que como eles ficam armazenado globalmente, ele pode ocupar memoria mesmo quando não estão sendo utilizado.

Gostaria de saber isso não pode acabar ocasionando problemas de performasse, uma vez que cada tela visitada pelo usuário pode armazenar dados na store e esses dados ficam lá após a saída do usuário daquela tela.

Obrigado.

[SkyaTura]

O ideal é que seja armazenado no Vuex apenas dados que são compartilhados quando eles precisam ser acessados entre

• diversas páginas distintas
• entre componentes distantes na hierarquia (pode ser dispensado em caso de suporte ao provide/inject)
• acessados muito frequentemente em várias áreas da aplicação

Nesse sentido, segue alguns exemplos relacionados ao que você citou:

Itens que podem ficar no Vuex:

• Configurações de visualização (menu lateral aberto ou fechado, tema claro ou escuro, etc)
• Filtros persistentes (se você deseja manter a configuração de uma busca mesmo quando alternar entre as páginas)
• Notificações

Itens que não devem ficar no Vuex:

• Dados que são exibidos em listagens e tabelas
• Dados sobre itens individuais
• Qualquer coisa que seja usada apenas em um lugar

[romario-mota]

Caro @SkyaTura,

Era justamente essa minha dúvida, sua reposta foi muito esclarecedora.

Muito obrigado.