Pass vue component to function

Question

I am working on porting a project over to vue. I'm using muuri for a layout manager. However i need to use

grid.add(itemElem, {
  layout: false,
  active: false
});

itemElem was an html element i created with document.createElement but that is a component now. How do i pass a component to the function?

I tried

grid.add(<MyComponent />, {
  layout: false,
  active: false
});

However that doesn't work

I am using vue3 with options API

Answer 1

Refs may help you along. https://vuejs.org/guide/essentials/template-refs.html#ref-on-component

Then you could pass it to your function like:

grid.add(this.$refs.myComponent, {
  layout: false,
  active: false
});