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小白鼠，在线等！！！！！！！！！急！！！！！！！！！！！！！！！！！！！！！

Answer 1

你的Add函数怎么写的，people弄成二维数组啊