概述
Chat-UIKit Vue 版本在 Web 平台提供了完整的 AI 聊天机器人功能支持，包括：
智能机器人对话
流式消息渲染
Markdown 格式支持
打字机效果
思考状态显示
中断对话功能
开发环境要求
Vue ( 全面支持 Vue2 & Vue3 ， 请您在下方接入时选择您所匹配的 Vue 版本接入指引进行接入)
TypeScript （如您是 js 项目， 请跳转至 常见问题- js 工程如何接入 TUIKit 组件 进行配置 ts 渐进式支持）
sass（sass 版本 ≤ 1.77.4，sass-loader 版本 ≤ 10.1.1）
Node（Node.js ≥ 16.0.0）
npm（版本请与 Node 版本匹配）
@tencentcloud/chat-uikit-vue ≥ 2.5.1
集成 AI 聊天机器人
步骤1：创建 AI 聊天机器人
步骤2：安装依赖
npm install @tencentcloud/chat-uikit-vue
步骤3：开始使用
1. 在 App.vue 或者内容页面中实现以下代码，快速搭建聊天界面
<template><div id="app"><TUIKit /></div></template><script lang="ts" setup>import { TUIKit } from './TUIKit';</script><style lang="scss"></style>
2. 在 main.ts 或者登录页面引入登录模块，并进行登录。
import { TUILogin } from '@tencentcloud/tui-core';import { framework } from './TUIKit/adapter-vue';TUILogin.login({SDKAppID: 0,userID: 'xxx',userSig: 'xxx',useUploadPlugin: true,framework,}).then(() => {}).catch((error) => {})
4. 打开对应 AI 聊天机器人会话，进行体验。
