Estoy desarrollando un proyecto paralelo de SPA utilizando el patrón MVC en JavaScript vainilla. Mi objetivo es aprender cómo se puede aplicar el patrón MVC.

Es un comercio electrónico simple que muestra una lista de productos para vender. Tengo diferentes componentes y cada componente tiene un Modelo, una Vista y un Controlador. Por ejemplo, un componente le permite seleccionar, agregar, editar y eliminar una lista de productos. Tengo otro componente (con su propio modelo, vista y controlador) que le permite hacer algo completamente diferente PERO se muestra un poco diferente según el producto seleccionado en el componente anterior.

Si cada componente tiene su propio MVC, ¿cómo puede el estado de un componente afectar a otro?

Gracias.