vue2X 怎么解決雙重v-for循環(huán)代碼共享數(shù)據(jù)的問題(嵌套)，我現(xiàn)在不想共享，想單獨(dú)出來怎么實(shí)現(xiàn)？

vue2X 怎么解決雙重v-for循環(huán)代碼共享數(shù)據(jù)的問題(嵌套)，我現(xiàn)在不想共享，想單獨(dú)出來怎么實(shí)現(xiàn)？
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">暫無數(shù)據(jù)，快來添加吧...</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:[],//一個(gè)框里面的文字
        myDate:[
            
        ],
        wenbiao:{
            titl:""
        }
    }
    
點(diǎn)擊添加
    add_jia(){
        let _this=this;
       _this.newPerson.name=value;
           _this.people.push(this.newPerson);
            this.newPerson = {name: ''};
    }
  刪除是   
  del(index){
       this.people.splice(index,1); 
}



頁面的效果

點(diǎn)擊

一個(gè)數(shù)據(jù)可以

我在新建一下就同步了，同步的問題就是兩個(gè)都共享了 people ，添加刪除， 需求是用戶可以無數(shù)次的添加，現(xiàn)在我怎么才能不讓共享數(shù)據(jù)呢？而且我還能把值都拿到，有人說用戶點(diǎn)擊的時(shí)候分配不同的數(shù)組但是 不知道怎么實(shí)現(xiàn)
請大神賜教，vue小白鼠，在線等?。。。。。。。?！急！?。。。。。。。。。。。。。。。。。。?！