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小白鼠