如何用json在vue中创建嵌套表单？

data() {
  return {
    formData: {
      name: '',
      email: '',
      address: {
        street: '',
        city: '',
        country: ''
      }
    }
  }
}

<form>
  <label>Name:</label>
  <input type="text" v-model="formData.name">

  <label>Email:</label>
  <input type="email" v-model="formData.email">

  <label>Address:</label>
  <input type="text" v-model="formData.address.street">
  <input type="text" v-model="formData.address.city">
  <input type="text" v-model="formData.address.country">
</form>

computed: {
  street() {
    return this.formData.address.street;
  },
  city() {
    return this.formData.address.city;
  },
  country() {
    return this.formData.address.country;
  }
}

methods: {
  addAddress() {
    this.formData.address.push({ street: '', city: '', country: '' });
  },
  removeAddress(index) {
    this.formData.address.splice(index, 1);
  }
}

<button @click="submitForm">Submit</button>

methods: {
  submitForm() {
    // 处理表单数据的提交逻辑
  }
}