Whether it is possible to mount a vue component to multiple dom

[eric-gitta-moore]

I tried an operation that allows a single instance component to mount on multiple dom pages

I have learned that state hoisting can be achieved through state promotion

But I would like to know if it is possible to implement an instance (mount/render) multiple times and still have multiple dom associations to the state of an instance component

The beginning of thinking:
Vue SFC Playground

I hope to achieve something like this: <Teleport :to="['#id1', '#id2']" />

<template>
  <Comp></Comp>
  <div id="demo1" style="border: 1px solid green; height: 50px; width: 100vw;margin-top: 10px;"></div>
  <Teleport :to="['#id1', '#id2']">
    <Comp></Comp>
  </Teleport>
</template>

I tried using createVNode, render to try to do something, but it seemed endless and didn't change anything.

Vue SFC Playground

During the process, I discovered a fact that every time the DOM is rendered, the click listener within it is already bound to the onClick function in the setup closure, and it seems there is no way to change this (unless you manually bind the corresponding event listener from #demo1 to #demo2 and remove the original listener).