如何在VueJS中呈现动态元素？

<div v-if="showElement">动态元素内容</div>

<div v-for="item in items" :key="item.id">{{ item.name }}</div>

<div v-html="dynamicElement"></div>

computed: {
  dynamicElement() {
    if (this.condition) {
      return '<span>动态元素内容</span>';
    } else {
      return '<div>其他动态元素内容</div>';
    }
  }
}

<component :is="componentName"></component>

data() {
  return {
    componentName: 'ComponentA'
  }
}