<!-- 展示的界面-->
<el-form-item label="手機號">
 <el-input v-model="form.account"></el-input>
</el-form-item>
<!-- 修改的彈框-->
<el-dialog>
 <el-form-item label="手機號">
  <el-input v-model="form.account"></el-input>
  <el-input v-model="newForm.account"></el-input>
 </el-form-item>
</el-dialog>

export default {
 data() {
  return {
   form: {},
   newForm:{}
  }
 },
 methods: {
  request() { 
   //這里是請求的方法，懶得寫了，因為返回的數據才是要處理的重點
   this.$post('xxx/xxxx',params)
    .then(res=>{
      //將返回的數據直接賦值給form，然后直接在界面上展示
      this.form = res;
      //這時候問題就來了，因為彈框要修改的內容也是同樣的數據，如果使用同一個對象this.form，
      //那么在彈框里修改的是同一個對象
      //即使新建一個對象再用返回的數據給它賦值，結果也是相同的，因為對象的賦值是引用賦值
      //this.newForm = res;
      //解決方法其實挺簡單，Object.assign解決，
      this.newForm = Object.assign({}, res)
      //使用上面這個方法是完全復制了一個新的對象，即使修改這個newForm也不會影響form
     })
  }
 }
}

//vue定義變量data() {
   return {　　　　　//初始表格數組對象
        tableData:[],　　　　　//被賦值對象
        newlData:[]    //被賦值對象    
   }    
}

let datas = JSON.parse(JSON.stringify(this.tableData));

let datas = Object.assign({},this.tableData);

let copyArr = [...this.tableData];