Tengo una zona que contiene muchos elementos.
Estos elementos generados con Vue.compile() y creando una nueva instancia:

 const instance = Vue.extend(resizableBox); let completeElem = new instance ( { propsData: { ... }, parent: this, store } ); let compiledHTML = Vue.compile(this.html); // some html string completeElem.$slots.innerNode = [completeElem.$createElement(compiledHTML)]; completeElem.$mount('.replaceMe');

HTML generado:

 <div class="zone"> <div class="resizer" style="left: 0px; top: 20px"> <div class="handlers">...</div> <div class="textNode"> <span>IT'S TEXT</span> </div> </div> </div>

Necesito cortar el nodo generado con todos los métodos y datos. Y luego pegarlo en un lugar diferente.
No puedo usar la función de renderizado, porque todos mis elementos son móviles (dentro de los límites de la zona) y puedo generar nuevos de la lista (con la API de arrastrar y soltar).
No puedo recrear una nueva instancia para cada movimiento, porque necesito datos escritos