Vue 首个 AI 组件库发布！

最新推荐文章于 2025-06-09 15:24:29 发布

程序员一粟

最新推荐文章于 2025-06-09 15:24:29 发布

阅读量1.4k

点赞数 27

CC 4.0 BY-SA版权

文章标签： vue.js 人工智能前端自然语言处理语言模型服务器开发语言

本文链接：https://blog.youkuaiyun.com/jennycisp/article/details/148099232

人工智能（AI）已深度融入我们的生活，如今 Vue 框架也迎来了首个 AI 组件库 —— Ant Design X Vue，为开发者提供了强大的 AI 开发工具。

Ant Design X Vue 概述

Ant Design X Vue 是基于 Vue.js 的 AI 组件库，旨在简化 AI 集成开发。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它包含高度定制化的 AI 组件和 API 解决方案，支持无缝接入 AI 服务，是构建智能应用的理想选择。

组件库亮点

丰富多样的 AI 组件

通用组件：

Bubble：显示会话消息气泡，支持多种布局。
Conversations：管理多个会话，查看历史记录。

唤醒组件：

Welcome：会话加载时插入欢迎语。
Prompts：展示上下文相关的问题或建议。

表达组件：

Sender：构建会话输入框，支持自定义样式。
Attachments：展示和管理附件信息。
Suggestion：提供快捷输入提示。

确认组件：

ThoughtChain：展示 AI 的思维过程或结果。

工具组件：

useXAgent：对接 AI 模型推理服务。
useXChat：管理 AI 对话应用的数据流。
XStream：处理数据流，支持流式传输。
XRequest：向 AI 服务发起请求。
XProvider：全局化配置管理。

RICH 设计范式

基于 RICH 设计范式，提供丰富、沉浸式、连贯和人性化的交互体验，适应不同 AI 场景。

AGI 混合界面（Hybrid-UI）

融合 GUI 和自然会话交互，用户可在同一应用中自由切换交互方式，提升体验。

适用场景

智能聊天应用：构建多轮对话界面，支持复杂会话逻辑。
企业级 AI 系统：快速搭建智能客服、知识管理等系统。

如何使用 Ant Design X Vue

安装与引入

bash

 体验AI代码助手
 代码解读
复制代码npm install ant-design-x-vue --save

引入组件库及样式：

javascript 体验AI代码助手 代码解读复制代码import Vue from 'vue';
import Antd from 'ant-design-x-vue';
import 'ant-design-x-vue/dist/antd.css';

Vue.use(Antd);

使用组件

示例：使用 Bubble 组件展示对话气泡

xml 体验AI代码助手 代码解读复制代码<template>
  <div>
    <a-bubble content="欢迎使用 Ant Design X Vue！" />
  </div>
</template>

官方文档与示例

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

访问 Ant Design X Vue 官方文档：https://antd-design-x-vue.netlify.app/ 获取更多信息。

Ant Design X Vue 为 Vue 开发者提供了强大的 AI 组件库，助力高效构建智能应用。

无论是聊天应用还是企业级系统，都值得一试。

获取更多信息。

Ant Design X Vue 为 Vue 开发者提供了强大的 AI 组件库，助力高效构建智能应用。

无论是聊天应用还是企业级系统，都值得一试。

今天贴心为大家准备好了一系列AI大模型资源，包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。

有需要的小伙伴，可以点击下方链接免费领取【保证100%免费】

点击领取《AI大模型&人工智能&入门进阶学习资源包》*

内容包括：项目实战、面试招聘、源码解析、学习路线。

如果大家想领取完整的学习路线及大模型学习资料包，可以扫下方二维码获取
在这里插入图片描述
👉2.大模型配套视频👈

很多朋友都不喜欢晦涩的文字，我也为大家准备了视频教程，每个章节都是当前板块的精华浓缩。(篇幅有限，仅展示部分）

大模型教程

👉3.大模型经典学习电子书👈

随着人工智能技术的飞速发展，AI大模型已经成为了当今科技领域的一大热点。这些大型预训练模型，如GPT-3、BERT、XLNet等，以其强大的语言理解和生成能力，正在改变我们对人工智能的认识。那以下这些PDF籍就是非常不错的学习资源。（篇幅有限，仅展示部分，公众号内领取）

电子书

👉4.大模型面试题&答案👈

截至目前大模型已经超过200个，在大模型纵横的时代，不仅大模型技术越来越卷，就连大模型相关的岗位和面试也开始越来越卷了。为了让大家更容易上车大模型算法赛道，我总结了大模型常考的面试题。（篇幅有限，仅展示部分，公众号内领取）

大模型面试

**因篇幅有限，仅展示部分资料，**有需要的小伙伴，可以点击下方链接免费领取【保证100%免费】

点击领取《AI大模型&人工智能&入门进阶学习资源包》

**或扫描下方二维码领取 **

在这里插入图片描述