Vue 首个 AI 组件库发布！

人工智能（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大模型&人工智能&入门进阶学习资源包》

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