¿Hay algún evento por componente antes de guardar que el componente pueda escuchar?

Te estoy muy agradecido por esta biblioteca.

Contexto: Estoy construyendo un editor donde pretendo definir la mayoría de los componentes a partir de un conjunto existente de componentes de Vuejs que he desarrollado anteriormente y que utilizo en mis aplicaciones. La mayoría de estos son componentes simples y complejos basados en la interfaz. Por ejemplo, tengo componentes simples de vuejs llamados su-form, su-field, su-label, su-input, su-radios, su-buttons, su-validations y componentes complejos de vuejs usando componentes simples como su-login-form, su-registration-form, etc. Como puedes imaginar, su-form o su-field y otros componentes similares tienen ranuras donde añado otros componentes para crear un componente útil con un caso de uso empresarial. Por ejemplo, insiro su-input, su-label, su-button dentro de las ranuras de su-form para crear una forma útil adecuada. Cada uno de estos componentes simples, al renderizarse, tiene varios elementos HTML DOM para cubrir diversas necesidades. Por ejemplo, su entrada no es solo un <input> elemento, sino que también tiene elementos que muestran la etiqueta correspondiente, error(es) de validación y hint.

Mi intención es crear componentes de uvas y bloquear a partir de estos simples componentes vuejs, lo cual he logrado hasta cierto punto. Los nombres de etiquetas de mis modelos de componentes grapesjs son nombres de componentes vuejs (como "su-form"). Pero estoy usando un procesador personalizado para renderizar y montar los componentes vuejs y usar el outerHTML del elemento ($el) para definir el componente del modelo. El plan es hacer que algunos de estos elementos renderizados sean estilizables. Estoy perdiendo toda reactividad, pero hablaré de esta parte más adelante.

Ahora, donde estoy más atascado es cuando guardo/almaceno, es guardar el HTML renderizado de todo el editor, lo cual es obvio. Lo que quiero es esto: si mi componente puede escuchar un evento que diga que este componente se guardará/almacenará (más o menos antes-guardar/almacenar), el parámetro de evento me proporcionará lo que se guardará solo para este componente (HTML, CSS, JSON) y me permitiera ajustarlo, podría reemplazar el HTML y JSON, etc., por los componentes originales de vuejs (en lugar del HTML renderizado). Mi página real (no el editor) tiene un componente principal vuejs que puede renderizar estos vue-compoents. De esa manera puedo tener lo mejor de ambos mundos.

De otro modo, la solución puede ser tener dos conjuntos de modelos para un componente, uno para el editor y otro para la página real. Pero no estoy seguro de si eso es posible aquí.

Por favor, decidme si hay alguna forma que se me esté escapando.

Además, por favor, decidme si este es el lugar adecuado para hablar de esto y aspectos similares. De hecho, tengo algunas preguntas más que busco pero aún no he encontrado respuestas.

Gracias de antemano.