Como você desacopla os componentes da Web?

Estou tentando trabalhar sem estrutura, com componentes da Web javascript puro. Quero que meus Web Components sejam capazes de trabalhar autônomos e sejam usados em sites diferentes, mas também quero que dois componentes sejam capazes de se comunicar. Portanto, eles devem poder se comunicar sem estar totalmente acoplados.

Quando eu fiz o Angular, isso foi fácil. Eu posso passar objetos para um componente por meio de um atributo HTML, e o componente o recebe como um objeto e não como uma string. Mas em javascript puro, os atributos são sempre strings. Qual é a maneira correta de distribuir objetos ou, de outra forma, tornar os Web Components conscientes um do outro e capazes de se comunicar?

questionAnswers(2)

yourAnswerToTheQuestion