vue2X 怎么解决双重v-for循环代码共享数据的问题(嵌套)，我现在不想共享

Question

vue2X 怎么解决双重v-for循环代码共享数据的问题(嵌套)，我现在不想共享，想单独出来怎么实现？html     <ul class="lists clearfix">                    <li v-for="(item,keys) in myDate">                        <p class="title">{{item.titl}}</p>                        <ol class="ol_one">                            <li v-for="(person,key) in people">                                <span>{{person.name}}</span>                                <i class="el-icon-error yincang" @click="del(key)"></i>                            </li>                             <div v-show="people<1">暂无数据，快来添加吧...</div>                        </ol>                        <p class="footer">                            <el-button type="primary" @click="add_jia">添加</el-button>                        </p>                    </li>                    <li class="add" @click="Add">+</li>                  </ul>                                    js     return {        checkList: ['Option A'],         newPerson:{ //添加的名字             name:""         },        people:[],//一个框里面的文字        myDate:[                    ],        wenbiao:{            titl:""        }    }    点击添加    add_jia(){        let _this=this;       _this.newPerson.name=value;           _this.people.push(this.newPerson);            this.newPerson = {name: ''};    }  删除是     del(index){       this.people.splice(index,1); }页面的效果点击一个数据可以我在新建一下就同步了，同步的问题就是两个都共享了 people ，添加删除， 需求是用户可以无数次的添加，现在我怎么才能不让共享数据呢？而且我还能把值都拿到，有人说用户点击的时候分配不同的数组但是 不知道怎么实现请大神赐教，vue小白鼠