VeeValidate formRules

在 VeeValidate 2.2.15 中，你可以使用 `formRules` 属性来指定整个表单的验证规则。`formRules` 是一个对象，其中每个属性都对应一个表单项的验证规则。例如：

data() {
  return {
    form: {
      name: '',
      email: '',
      age: ''
    },
    formRules: {
      name: 'required|min:3',
      email: 'required|email',
      age: 'required|integer|min:18'
    }
  }
}

在上面的代码中，我们在 `data` 中定义了一个 `form` 对象，其中包含了表单的各个字段。同时，我们还定义了一个 `formRules` 对象，其中每个属性都对应一个表单项的验证规则。例如，`name` 表单项的验证规则为“必填且长度不少于3”，`email` 表单项的验证规则为“必填且为邮箱格式”，`age` 表单项的验证规则为“必填且为整数且不少于18”。

然后，我们可以在表单中使用 `ValidationProvider` 组件来对表单项进行验证，例如：

<ValidationProvider rules="formRules.name" v-slot="{ errors }">
  <input type="text" v-model="form.name">
  <span>{{ errors[0] }}</span>
</ValidationProvider>

<ValidationProvider rules="formRules.email" v-slot="{ errors }">
  <input type="text" v-model="form.email">
  <span>{{ errors[0] }}</span>
</ValidationProvider>

<ValidationProvider rules="formRules.age" v-slot="{ errors }">
  <input type="text" v-model="form.age">
  <span>{{ errors[0] }}</span>
</ValidationProvider>

在上面的代码中，我们使用 `ValidationProvider` 组件分别对表单中的每个字段进行验证，其中 `rules` 属性指定了当前字段的验证规则。注意，这里使用了 `formRules.name`、`formRules.email`、`formRules.age` 来引用 `formRules` 对象中的属性。通过这种方式，我们可以方便地对整个表单进行验证，并将验证规则集中管理。