DynamicHeading.js
import { h } from "vue";
const DynamicHeading = (props, context) => {
return h(props.label, context.attrs, context.slots);
};
DynamicHeading.props = ["label"];
export default DynamicHeading;
App.vue
<template>
<DynamicHeading label="h2" id="labelid">动态头部</DynamicHeading>
</template>
<script setup>
import DynamicHeading from "./components/DynamicHeading.js";
</script>
