Vant + VeeValidate 3 实现表单验证

之前一直使用vant做移动端开发，也都没做到太复杂的表单输入。简单的输入，都是直接弹窗提示就行。这次做的需求，在页面上有许多内容要输入。查看vant文档时发现，vant自带的表单校验功能非常孱弱，Field组件自身也不支持自定义校验。【据vant在git上的开发计划2020年上半年回增加form相关组件，到那个时候，应该就有原生支持了】。

网上查了一通，vue进行表单校验的，有个库VeeValidate，是专业做表单校验的。也有挺多人用这个库来实现表单校验的。网上查了下，很多人在博客上写的，都是VeeValidate的早些版本代码，并不适用现在最新的版本。
我下午看了一下文档，挺简洁易懂的，自己简单写了个demo。

<template>
  <div>
    <h3>注册</h3>
    <validation-observer ref="form">
      <form class="input-div">
        <validation-provider rules="mobileRequired|mobilePhone" v-slot="{ errors }">
          <van-field class="field-input" placeholder="手机号"  v-model.trim="regForm.mobileNumber"
                     clearable
                     :e