Avue 表单接口数据赋值教程 - 详细步骤

要将接口数据赋值给 Avue 表单，你需要做以下步骤：

1. 在 Vue 组件中引入 Avue 表单组件：import AvueForm from '@/components/AvueForm'
2. 在 data 中定义表单数据对象：formData: {}
3. 在 created 生命周期钩子中调用接口获取数据，并将数据赋值给 formData 对象：

created() {
  // 调用接口获取数据
  fetchData().then(res => {
    // 将接口返回的数据赋值给 formData 对象
    this.formData = res.data;
  })
}

4. 在模板中使用 Avue 表单组件，并将 formData 对象作为 props 传入：

<template>
  <div>
    <avue-form :form-data='formData'></avue-form>
  </div>
</template>

这样，Avue 表单组件就会根据 formData 对象的值自动填充表单。