如何做到賦值另一個變量，其值改變，原來的值保持不變

項目中有一個問題是在一個下拉選擇的表單，當改變其值時表單下邊會出現新的特定的表單需要填寫，所以在選擇一個值的時候，進行下邊的表單填寫，但當此時再改變選擇的值，下邊的表單將變為初始值，當時是在created中把下邊動態改變的表單初始的值保存下來，因為created只在渲染dom時運行一次

  <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="活動區域">
        <el-select v-model="form.region" placeholder="請選擇活動區域" @change="changeData">
          <el-option label="上海" value="shanghai"></el-option>
          <el-option label="北京" value="beijing"></el-option>
          <el-option label="山東" value="shanghai"></el-option>
          <el-option label="內蒙古" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <!-- 下邊的數據根據上邊的改變展開為初始值  -->
      <el-form-item label="活動名稱">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="人員年齡">
        <el-input v-model="form.age"></el-input>
      </el-form-item>
      <el-form-item label="活動地址">
        <el-input v-model="form.address"></el-input>
      </el-form-item>
      <el-form-item label="人員聯系方式">
        <el-input v-model="form.phone"></el-input>
      </el-form-item>
    </el-form>


 data() {
    return {
      form: {
        region: "",
        name: "party",
        age: "",
        address: "",
        phone: ""
      },
      textData:{}
    };
  },
  methods: {
   //當改變值時將之前填寫的表單數據變為原始的數據 
    changeData(){
      this.form =JSON.parse(this.textData) 
    }
  },
  created() {
    this.textData =JSON.stringify(this.form) ;
  },

主要的是用 JSON.parse（JSON.stringify(this.form)）保存下，若直接賦值，則一個值改變，另一個打印出來的也是改變以后的值，原理就是和堆和棧有關，所以要想變為原來的值需要保留原來的值，用這個辦法