vue项目中，比如登录的时候要进行校验，如果2个或多个校验是一样的时候，可以封装一个 promise ，避免代码重复

因本人暂时还为把promise琢磨清楚，但确实在项目中也迷迷糊糊的使用了，所以目前写出来仅供自己参考。

下方是我微信公众号的二维码，可以扫码关注以下，后期博文推送主要在公众号上面，有什么问题也可以通过公众号跟我发消息哦~

我在如下使用场景使用 promise
我们在做登录的时候，通常会做校验，在有要发送短信验证码之前，要校验手机号、用户名等，在登录的时候除了要校验手机号、用户名等之外，还要校验 短信验证码，此时就会出现一种情况，即发送验证码的时候要校验，登录也要校验，只是多了一个 验证码的校验，这时候就会造成重复校验的情况，如果要校验的 类目比较少还好，还无所谓，如果要校验5-6条等，那无疑会增加代码，所以我们可以用 promise 方法做一个公用部分的校验

eg：以 使用 Vant 组件，H5页面为例（此处的表单校验用的是自己写的，未用组件中的表单校验）

  methods: {
    //表单验证
    validForm() {
      return new Promise((resolve, reject) => {
        if (this.form) {
          if (!this.form.name) {
            this.$notify({ type: "danger", message: "请填写姓名" });
            return;
          } else if (!this.form.IDCardNo) {
            this.$notify({ type: "danger", message: "请填写身份证号" });
            return;
          } else if (!checkLegal(this.form.IDCardNo)) {
            this.$notify({ type: "danger", message: "身份证号不正确，请重新输入" });
            return;
          } else if (!this.form.mobile) {
            this.$notify({ type: "danger", message: "请输入手机号" });
            return
          } else if (!checkMobile(this.form.mobile)) {
            this.$notify({ type: "danger", message: "手机号有误，请重新输入" });
            return
          }
          resolve()
        } else {
          reject()
        }
      })
    },

    // 发送短信验证码之前，调用上面封装的验证
    handleCode() {
      this.validForm().then(res => {  // 如果以上校验不通过，则不会执行 then 里的代码 
         // 校验通过，再调发送短信验证码的接口
         ...
      }).catch(err => {
        this.$notify({ type: "danger", message: "输入信息有误" });
      })
    },

    //查询
    onSubmit(form) {
      this.validForm().then(res => { 
        if (!this.form.Code) {  // validForml 里没有验证码校验，所有在以上的都校验通过之后，再加上 短信验证码的校验
          this.$notify({ type: "danger", message: "请输入验证码" });
          return;
        }
          // 校验通过，再调登录的接口
           ...
        }).catch(err => {
          this.$notify({ type: "danger", message: "输入信息有误" });
        })
      })
    },
  }
},