1. 引入文件(不局限于一下方式)

 <!-- https示例如下： -->
  <script src="https://cstaticdun.126.net/load.min.js?t=201903281201"></script>

  <!-- http示例如下： -->
  <script src="http://cstaticdun.126.net/load.min.js?t=201903281201"></script>

  <!-- 地址中的t参数强烈建议设置为分钟级别时间戳，避免该文件被浏览器长时间缓存 -->

2. 初始化

//<div id="captcha"></div>
    initYdCaptcha() {
      let self = this;
        initNECaptcha({
            captchaId: '网易易盾申请的id',
            element: '#captcha',
            mode: 'popup',
            width: 320,
            onReady: function (instance) {
                // 验证码一切准备就绪，此时可正常使用验证码的相关功能
            },
            onClose: function (d) {
              
            },
            onVerify: function (err, data) {
                /**
                 * 第一个参数是err（Error的实例），验证失败才有err对象
                 * 第二个参数是data对象，验证成功后的相关信息，data数据结构为key-value，如下：
                 * {
                 *   validate: 'xxxxx' // 二次验证信息
                 * }
                 */
                // 点击登录按钮后可调用服务端接口，以下为伪代码，仅作示例用
                if (err) {
                  console.info(err);
                } else {
                  // console.log(data)
                  const { validate } = data;
                  self.captchaCode = validate;
                  //执行验证码发送 或者其他请求操作
                  // self.sendCodeQuery();
                }
            }
        }, function onload(instance) {
            console.info(instance);
            self.captchaInstance = instance;
            // 初始化成功
        }, function onerror(err) {
          alert("验证码初始化失败，请检查网络或者联系管理员");
          // 验证码初始化失败处理逻辑，例如：提示用户点击按钮重新初始化
        });
    },

3.执行

//图片验证码
        this.captchaInstance && this.captchaInstance.popUp();
        this.captchaInstance.refresh();

4. 具体不在此赘述了 上官网
   官方示例1
   官方示例2