VeeValidate extend

VeeValidate 的 `extend` 方法用于扩展验证规则。通过 `extend` 方法，我们可以添加自定义的验证规则，或者修改已有的验证规则的默认配置。

`extend` 方法的语法如下：

extend(name: string, options: ValidationRule): void

其中，`name` 是验证规则的名称，`options` 是验证规则的配置。

以下是一个添加自定义验证规则的示例：

import { extend } from 'vee-validate';

extend('even', {
  validate: value => {
    return value % 2 === 0;
  },
  message: '请输入偶数'
});

在上面的代码中，我们使用 `extend` 方法添加了一个名为 `'even'` 的自定义验证规则。该规则的 `validate` 函数返回一个布尔值，用于判断输入值是否满足验证规则。如果输入值是偶数，则返回 `true`，否则返回 `false`。`message` 属性用于设置错误提示信息。

我们可以在模板中使用 `v-validate` 指令来绑定该自定义规则。例如：

<template>
  <form>
    <div>
      <label>数字</label>
      <input type="number" v-model="number" v-validate="'even'" />
      <span>{{ errors.first('number') }}</span>
    </div>
  </form>
</template>

在上面的代码中，我们使用 `v-validate` 指令来绑定自定义验证规则 `'even'`。如果输入的数字是奇数，则会显示错误提示信息“请输入偶数”。