vue 3.0 项目引入 若依开发

Vue 3.0 项目引入若依（NUAOPay），通常需要几个步骤：

1. **安装依赖**：首先，在你的 Vue 3 项目的根目录下运行命令行工具（如 Node.js 的 `npm` 或 `yarn`），通过以下命令安装若依 UI 模块：

   npm install nuaopay-vue3 --save
   // 或者
   yarn add nuaopay-vue3

2. **配置文件**：在你的 `main.js` 或 `vite.config.js` 中，添加若依的入口，通常是按需引入：

   import NuoPay from 'nuaopay-vue3';
   Vue.use(NuoPay);

3. **导入组件**：在需要使用若依功能的地方，导入并使用若依提供的组件，例如支付相关的组件：

   <template>
     <div>
       <nuo-pay-button :config="paymentConfig" @pay-success="handleSuccess" @pay-fail="handleFail"></nuo-pay-button>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         paymentConfig: {}, // 根据实际需求填充配置信息
       };
     },
     methods: {
       handleSubmit() {
         this.$refs.nuoPay.submit(); // 调用支付按钮触发支付
       },
       handleSuccess(response) {
         console.log('支付成功', response);
       },
       handleFail(error) {
         console.error('支付失败', error);
       }
     },
   };
   </script>

4. **设置配置**：根据若依文档配置你的支付渠道、密钥等必要信息，并确保安全存储。