vue动态添加template里的标签

Vue 动态添加 template 标签可以使用 Vue 的动态组件，具体步骤如下：

1. 在 Vue 实例中定义一个组件：

Vue.component('my-component', {
  template: '<div>My Component</div>'
})

2. 在 Vue 实例中定义一个数据，用于标识是否需要动态添加组件：

data: {
  showComponent: false
}

3. 在 template 中使用动态组件，并绑定 showComponent 的值：

<template>
  <div>
    <button @click="showComponent = true">Show Component</button>
    <component v-if="showComponent" :is="'my-component'"></component>
  </div>
</template>

4. 现在，当点击按钮时，showComponent 的值会变为 true，动态组件就会被添加到模板中。

new Vue({
  el: '#app',
  data: {
    showComponent: false
  }
})