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

 

 

本文链接：https://blog.csdn.net/qq_37591637/article/details/90199127

效果如下

 思路

  v-for循环+数组组件

---

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

1. Vue.component('dom', {

2. template: '<div>我是一个组件</div>'

3. })

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

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

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

2. <dom></dom>

3. </div>

 

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

 整体的功能实现流程如下