How to create elements dynamically in Vue.js?

Question

Vue.js

An array is passed to the component:

flyingButtons: [
  {
    tag: "a",
    tel: true,
    email: false,
    link: "87776665544",
    class: "btn-primary",
    title: "Позвонить"
  },{
    tag: "button",
    tel: false,
    email: false,
    link: "",
    class: "btn-success",
    title: "Оставить заявку"
  }
]

It is necessary to create elements specified by the "tag" key. We know how to pass input parameters, the question is how to create an element dynamically?

Answer 1

is :

<component
  v-for="n in flyingButtons"
  :is="n.tag"
  :class="n.class"
>
  {{ n.title }}
</component>