Vue:使用props选择html元素类型

<template>
  <div>
    <component :is="elementType">{{ content }}</component>
  </div>
</template>

<script>
export default {
  props: {
    elementType: {
      type: String,
      required: true
    },
    content: {
      type: String,
      required: true
    }
  }
}
</script>

<template>
  <div>
    <custom-element element-type="h1" content="Hello Vue!"></custom-element>
    <custom-element element-type="p" content="This is a paragraph."></custom-element>
  </div>
</template>

<script>
import CustomElement from './CustomElement.vue'

export default {
  components: {
    CustomElement
  }
}
</script>