vue中怎么将从后端传递过来的AjaxResult信息解析并放到form表单中

假设从后端传递过来的AjaxResult是这样的：

{
  "code": 200,
  "msg": "success",
  "data": {
    "id": 1,
    "name": "张三",
    "age": 20,
    "email": "zhangsan@example.com"
  }
}

我们可以用Vue中的v-model指令将数据绑定到表单中。首先，在Vue组件的`data`选项中定义表单数据的初始值：

data() {
  return {
    formData: {
      id: '',
      name: '',
      age: '',
      email: ''
    }
  }
}

然后，在异步请求的回调函数中将数据解析并赋值给表单数据：

axios.get('/api/user/1').then(response => {
  const data = response.data.data
  this.formData.id = data.id
  this.formData.name = data.name
  this.formData.age = data.age
  this.formData.email = data.email
})

最后，在表单中使用v-model指令将表单元素与表单数据绑定：

<form>
  <label>id：<input type="text" v-model="formData.id"></label>
  <label>姓名：<input type="text" v-model="formData.name"></label>
  <label>年龄：<input type="text" v-model="formData.age"></label>
  <label>邮箱：<input type="text" v-model="formData.email"></label>
</form>

这样，当异步请求成功后，表单数据就会自动更新，并且表单元素也会显示相应的值。