Estoy tratando de crear nuevas instancias del mismo componente en esbelto cada vez que ocurre un botón u otra acción en la página, sin tener que hacer una lista y {cada uno} sobre ellos. Solo quiero hacer algo como new Component(some context data) y olvidar. Otra preocupación es que no quiero que el componente desaparezca cuando se elimine el padre.
Gracias
Simplemente móntelo directamente en el document.body :
new Component({ target: document.body }) Pero tenga en cuenta que si no lo $destroy usted mismo, terminará con una pérdida de memoria.
Cuando hago algo como esto, por ejemplo, para notificaciones, envío un evento desde el componente que le indica al código de llamada cuándo se puede destruir el componente de manera segura. Algo como:
const notification = new Notification({ target: document.body, ... }); notification.$on('close', () => notification.$destroy());