Carga dinámica de módulos en Vuex

Es más que posible que muchas veces pienses lo siguiente, ¿por qué cargar todos los módulos de mi aplicación con Vuex en un único lugar si no los voy a necesitar en todos los sitios? Pues sí, es una verdad como un templo, en muchos casos puede ser absurdo cargar módulos de zonas a las que un usuario por temas de permisos nunca va a poder acceder, por ejemplo.

La idea es evitar cargas similares a la siguiente al inicio de nuestra aplicación para hacerla más eficiente.

 

Probablemente en muchos casos necesitemos hacer algo parecido a lo anterior, pero también es cierto que podríamos evitar una carga tan grande al inicio y decirle a Vuex en qué momento queremos cargar algunos de los módulos.

 

Módulos dinámicos en Vuex

Para conseguir la carga dinámica de módulos en Vuex simplemente debemos utilizar la función registerModule de Vuex en la página que deseemos de la siguiente forma:

 

Es importante que esta función sea llamada en el hook created de Vuejs ya que de otra forma la carga no funcionará. De esa forma, cuando un usuario entre en la página el módulo todos será cargado y podremos mostrar la información que deseemos.

 

Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register
¡YA ESTÁ AQUÍ HALLOWEEN! LA MEJOR PROMOCIÓN DEL AÑO
¡HALLOWEEN 2021!