vue3 极验

Vue3极验与Vue2极验的使用方式基本相同。首先需要在Vue3项目中安装极验的npm包：`npm install @geetest/vue3-geetest --save`。然后在需要使用的组件中，引入并注册极验组件：

import Geetest from '@geetest/vue3-geetest'

export default {
  components: {
    Geetest
  },
  // ...
}

在模板中使用Geetest组件，并传入必要的参数：

<template>
  <Geetest
    :gt="captcha.gt"
    :challenge="captcha.challenge"
    :product="captcha.product"
    @success="onSuccess"
    @error="onError"
  />
</template>

其中，`gt`、`challenge`、`product`是在极验后台获取的参数，`@success`和`@error`是成功和失败的回调函数。具体的参数配置可以参考极验官网提供的文档。

需要注意的是，Vue3极验需要在`setup`函数中引入和注册组件，而不是在Vue2中的`components`属性中。同时，因为Vue3使用了Composition API，所以在组件中使用极验的参数和回调函数时，需要使用`ref`和`onXXX`的形式来处理。