I have a Vuejs component that looks like this:
<template>
<button @click="generateItem()">Add item</button>
<div class="container"></div>
</template>
<script setup>
import { h } from 'vue'
import MyItem from '@/components/MyItem.vue'
function generateItem(){
return h(MyItem)
}
</script>
I’m trying to use an h()
function to render an instance of MyItem
inside div.container
when running generateItem()
. But after reading the official Vuejs docs on the h()
function I don’t get how to make this happen. Thoughts on how to get this done?