Moving VueJs component using appendChild() or similar


Tell me please is it a not bad way to move already rendered VueJs component using vanila JS (appendChild, prepend or similar).

I work with FullCalendar VueJs component and i need to add my custom component inside its Header. But FullCalendar doesn’t provide this yet.

So as a result i have this in template


I used Fullcalendar initial hook when i just move my own component using appendChild().

 this.calendarEl.querySelector('.fullcalendar .header').appendChild(document.querySelector('.createEvent'));

Basically it works well but is that a good approach? Since i need to put my component inside another component which doesn’t allow to insert custom html/component.

Thank you in advance.