说明: 一个适用于 Vue.js 的 AI 聊天组件，可快速集成到 Vue 项目中，实现与 AI 服务的对话交互功能。

1.安装 通过 npm 安装： npm i vue-ai-chat

2.引入与注册 在 Vue 组件中引入并注册该组件：

import { AiChatBox } from "vue-ai-chat";
import "vue-ai-chat/dist/vue-ai-chat.css";

export default {
    components: {
        AiChatBox
    }
}

3.基本使用 在模板中使用组件，并配置必要参数：

<AiChatBox 
    apiToken="xxxxxxxxxx" 
    apiUrl="https://api.xxx.com" 
    aiChatHight="70vh" 
/>

4.参数说明

参数名 类型 是否必需 描述 单位支持 示例值 apiToken String 是 用于 API 身份验证的 token - "your_api_token_here" apiUrl String 是 AI 聊天接口的请求地址 - "https://api.xxx.com" modelId String 否 模型ID - "500px" 或 "70vh" aiChatHight String 否 聊天容器的高度 px、vh "500px" 或 "70vh"