vue 通过按钮点击动态添加组件

效果如下

 思路

  v-for循环+数组组件

---

第一步、定义一个组件，这个组件里面是一个html代码

Vue.component('dom', {
  template: '<div>我是一个组件</div>'
})

第二步、在页面上用v-for循环遍历一个空的数组

第三步、在这个里面放一个定义的组件

<div v-for="(d,index) in counter" :key="index">
	<dom></dom>
</div>

 

第四步、点击事件，添加数组元素

 整体的功能实现流程如下