工具调用:Function Calling → MCP → Skills 协议进化史

【AI+教育】3个阶段!AI代理从“孤岛”到“社会化”,藏着未来AI的流量密码 短短十几年,AI 代理协议从解决简单的“接口标准化”问题,演进到了“能力模块化”,现在更是迈入了“生态互联化”的时代。未来的互联网,可能不再是人与人之间的连接,而是数以亿计的 AI 代理在为你我奔波协作。了解这些底层的“沟通语言”,能帮助我们更好地把握未来 AI 应用的风口。欢迎关注公众号【本本本添哥】,这里专注 AI+教育 深度洞察与 AI 硬核好物 分享,让技术真正为你所用。 阅读详情

工具调用:Function Calling → MCP → Skills 协议进化史

工具调用是 Agent 能力的边界。本文先给出三种机制的速查对比,再深入原理拆解各自的设计取舍,最后给出生产环境选型原则。


一、概念速查

1.1 为什么需要工具调用

LLM 本身有三大硬伤:知识截止于训练数据、不会精确计算、无法操作外部系统。工具调用就是给 LLM 装上"手脚"——让它可以搜索网页、执行代码、查询数据库、调用 API。

Function Calling
输出结构化参数

原始结果

LLM
只能输出文本

工具调用
搜索 / 代码 / API

Observation
喂回 LLM 决策

1.2 三代技术速查

维度Function CallingMCPSkills
诞生时间2023(OpenAI)2024 年底(Anthropic)2025(社区演化)
核心定位LLM 输出结构化参数的机制工具接入的统一协议可复用工具单元封装
类比有线耳机——接口固定USB-C——统一标准预装 App——即插即用
工具注册方式写在 System PromptMCP Server 动态注册配置文件声明
与 LLM 的耦合紧耦合——每个厂商各一套松耦合——协议统一松耦合——运行时加载
适用规模3-5 个简单工具10-100 个工具任意规模,侧重复用
2023OpenAI 发布Function Calling首次让 LLM输出结构化参数2024Anthropic 提出 MCP协议统一工具接入标准2025社区演化出 Skills机制工具封装为可复用单元2026三者共存协同FC 做参数提取MCP 做工具发现Skills 做能力封装工具调用进化史

1.3 快速上手:三种方式对比

Function Calling 方式:

import openai

# 在请求中声明工具
response = openai.ChatCompletion.create(
    model="gpt-4",
    messages=[{"role": "user", "content": "北京天气怎么样?"}],
    tools=[{
        "type": "function",
        "function": {
            "name": "get_weather",
            "description": "查询指定城市的天气",
            "parameters": {
                "type": "object",
                "properties": {
                    "city": {"type": "string", "description": "城市名"}
                },
                "required": ["city"]
            }
        }
    }]
)
# LLM 自动输出: {"function": "get_weather", "args": {"city": "北京"}}

MCP 方式(Server 端):

from mcp.server import Server, stdio_server
from mcp.types import Tool, TextContent

# 定义一个 MCP Server
server = Server("weather-server")

@server.list_tools()
async def list_tools() -> list[Tool]:
    return [Tool(
        name="get_weather",
        description="查询指定城市的天气",
        inputSchema={
            "type": "object",
            "properties": {
                "city": {"type": "string"}
            },
            "required": ["city"]
        }
    )]

@server.call_tool()
async def call_tool(name: str, args: dict) -> list[TextContent]:
    if name == "get_weather":
        result = await fetch_weather(args["city"])
        return [TextContent(type="text", text=result)]

# Server 通过 stdio 协议与 Agent 通信
stdio_server.run(server)

Skills 方式(配置文件):

# skills/weather.skill.yaml
name: weather-search
description: 天气查询工具
tools:
  - name: get_weather
    description: 查询天气
    mcp_server: weather-server
  - name: get_forecast
    description: 查询天气预报
    mcp_server: weather-server
triggers:
  - "今天*天气"
  - "*气温*"
# Agent 加载 Skill
from skills import load_skill

weather_skill = load_skill("skills/weather.skill.yaml")
agent.register_skill(weather_skill)
# 所有工具声明、MCP Server 连接自动完成

二、底层原理

2.1 Function Calling:一切的开端

核心机制:

Function Calling 不是让 LLM 真的"调用"函数,而是让 LLM 输出一个结构化的函数调用描述,由框架解析后执行。

用户问"北京天气"
    │
    ▼
┌──────────────────────────────┐
│ Step 1: 构造 Prompt           │
│ system: 你有以下工具可用       │
│ - get_weather(city): 查天气   │
│ user: 北京天气怎么样?         │
└──────────────────────────────┘
    │
    ▼
┌──────────────────────────────┐
│ Step 2: LLM 输出函数调用       │
│ 模型内部判断"用户想查天气"      │
│ → 匹配到 get_weather 工具      │
│ → 输出: {"function":           │
│   "get_weather",              │
│   "args": {"city": "北京"}}   │
└──────────────────────────────┘
    │
    ▼
┌──────────────────────────────┐
│ Step 3: 框架执行函数           │
│ 解析输出 → 调用 get_weather("北京") │
│ → 返回 "25°C 晴"              │
└──────────────────────────────┘
    │
    ▼
┌──────────────────────────────┐
│ Step 4: 结果喂回 LLM          │
│ LLM 拿到结果 → 组织自然语言回答  │
│ → "北京今天 25°C,天气晴朗"    │
└──────────────────────────────┘

Function Calling 的三大局限:

局限表现根因
工具声明膨胀100 个工具的声明可能超过 Context 窗口所有工具描述写在 System Prompt 里
厂商锁定OpenAI 的 tools 参数不能直接给 Claude 用各厂商格式不同,无统一标准
静态注册增加/修改工具需要更新 Prompt 并重启工具描述编译到 Prompt 中,无法动态发现

这些局限直接催生了 MCP。

2.2 MCP:统一接入协议

MCP 的核心思想: 把工具从"写在 Prompt 里的字符串"变成"独立运行的服务"。

MCP 架构

初始化

list_tools()

工具列表

call_tool(name, args)

执行结果

MCP Host
(Agent 应用)

MCP Client
(协议客户端)

MCP Server
(工具提供方)

MCP 如何解决 FC 的三个问题:

FC 的问题MCP 的解法
工具声明膨胀Server 按需注册,Agent 只加载当前任务需要的工具
厂商锁定统一协议,任意 LLM 框架都可接入
静态注册Server 独立部署,新增工具无需重启 Agent

MCP 的通信流程:

Agent 启动
    │
    ▼
┌──────────────────────────┐
│ 1. 连接 MCP Server        │
│    通过 stdio / SSE       │
└──────────────────────────┘
    │
    ▼
┌──────────────────────────┐
│ 2. 拉取工具清单           │
│    list_tools() →         │
│    [weather, search, ...]  │
└──────────────────────────┘
    │
    ▼
┌──────────────────────────┐
│ 3. 注入工具描述到 Prompt  │
│    只注入当前任务相关的    │
└──────────────────────────┘
    │
    ▼
┌──────────────────────────┐
│ 4. LLM 输出函数调用       │
│    → call_tool()          │
└──────────────────────────┘
    │
    ▼
┌──────────────────────────┐
│ 5. 返回结果到 LLM         │
│    继续下一轮推理          │
└──────────────────────────┘

截至 2026 年中,MCP 生态已有超过 3000 个 Server,覆盖搜索、数据库、文件系统、代码执行等常见场景。

2.3 Skills:工具的可复用封装

Skills 解决的是 MCP 没有覆盖的问题——工具的组织和复用。

有了 MCP,每个工具都是独立服务了。但一个完整的 Agent 能力单元往往需要多个工具协作。Skills 把一组相关的工具 + 调用规则 + 触发条件打包成一个可复用单元。

Skill: 科研助手

Paper Search
MCP: arxiv-server

Citation Check
MCP: scholar-server

Summary Gen
MCP: llm-server

依赖声明
pip: transformers
env: API_KEY

触发规则
关键词: 论文/文献/引用

Skills 的核心能力:

能力说明类比
工具编排组合多个 MCP Server 成一个逻辑单元手机 App 组合多个权限
依赖声明声明所需的 Python 包、环境变量、外部服务package.json
触发规则定义什么用户输入自动激活此 Skill快捷指令
状态隔离每个 Skill 有独立的配置和上下文容器
热加载Agent 运行时动态安装/卸载 Skill插件系统

2.4 三者协同:生产环境的标准模式

FC、MCP、Skills 不是替代关系,而是分工不同的三层。

Agent 编排层
LangGraph / 百炼

Skills 层
科研助手 / 数据分析 / 客服

MCP 协议层
统一接入标准

Function Calling
参数提取机制

LLM 推理层
Qwen / GPT

一个实际场景的协同流程:

假设用户说"查一下这篇论文的被引量,然后跟去年同期的热门论文做个对比":

层做了什么谁负责
Skills匹配"科研助手"Skill,加载论文搜索 + 引用查询 + 数据分析三个子能力Skill 注册表
MCP连接 arxiv-server / scholar-server / code-server 三个 MCP ServerMCP Client
FCLLM 输出 search_paper("transformer 2024") → 框架解析参数并执行LLM + 框架
循环拿结果 → 再输出 compare_citations([...]) → 再执行 → 直到完成Agent 编排

2.5 选型决策

1-3 个

4+ 个以上

是

否

是

否

需要几个工具?

只用 Function Calling
简单够用

需要热插拔?

工具间有依赖?

只接 MCP
标准协议接入

Skills + MCP
组合封装

MCP + FC
各自独立


三、架构设计原则

3.1 FC 做参数,MCP 做发现,Skills 做封装

这是分层的第一原则。不要试图让一层覆盖所有需求——FC 只负责"LLM 输出结构",MCP 只负责"工具通信",Skills 只负责"组合复用"。

3.2 工具声明压缩

工具描述越长,LLM 选错工具的概率越高。每个工具的描述控制在 1-2 句话,参数控制在 5 个以内。如果工具超过 20 个,用 MCP 分组加载,不要一次性全量注册。

3.3 参数校验前置

LLM 填错参数是工具调用最主要的失败原因。在工具注册表层做参数类型和范围校验,拦截非法参数,不要让非法请求到达后端服务。

# 工具注册表的校验示例
TOOL_VALIDATORS = {
    "get_weather": {
        "city": lambda v: isinstance(v, str) and len(v) > 0,
        "date": lambda v: re.match(r"\d{4}-\d{2}-\d{2}", v)
    }
}

def validate_tool_call(name: str, args: dict) -> bool:
    if name not in TOOL_VALIDATORS:
        return False
    for key, validator in TOOL_VALIDATORS[name].items():
        if key in args and not validator(args[key]):
            return False
    return True

3.4 超时和重试

每个工具调用必须设超时。MCP 层的默认超时建议 30s。对于幂等的工具查询,自动重试 1 次;对于非幂等的写入操作,不重试,返回错误让 LLM 决策。

3.5 渐进式接入路径

不要一次性上全量 MCP + Skills:

  1. 先用 FC 写死 2-3 个工具,跑通 Agent 循环
  2. 工具超过 5 个时,接入 MCP 统一管理
  3. 出现重复组合时,封装为 Skills
  4. 每个步骤验证"不加这个层会怎样"——能省则省
CAPL与人工智能结合 AI模型是指通过机器学习算法训练得到的模型,可以用于分类、回归、聚类等任务。常见的AI模型包括神经网络、支持向量机、决策树等。在汽车电子系统中,AI模型可以用于故障诊断、驾驶行为分析、自动驾驶等场景。实时决策是指在汽车电子系统中,根据AI模型的预测结果,实时做出决策。实时决策可以用于自动驾驶、故障诊断等场景。通过本文的学习,读者应该对CAPL与人工智能结合有了初步的了解,并能够编写复杂的CAPL脚本。 阅读详情

相关推荐

人工智能机器学习从入门到高级学习资料(含资料下载地址)

机器学习是一个技术含量较高的领域,高效学习需要多种途径相结合.以下是一些推荐的学习资源。首先介绍几个比较有用的社区,包含了丰富的学习资料

2401_86900375的博客 1647

工具调用协议进化史:从 Function Calling 到 MCP 再到 Skills,TaoToken 统一 Key 怎么接

从 Function Calling 到 MCP 再到 Skills,工具调用协议三代演进各补一块拼图。本文用 TaoToken 统一 Key 接入,给出 Claude Code、Codex、Cline 的 Base URL 与 auth.json 可复制配置,并跑通一次工具调用链路验证协议切换正常返回。官网 https://taotoken.net/?utm_source=taotoken_aicg_blog_end

weixin_42604188的博客 10

vue 获取el-table多选的选中行

<el-table :data='tableData' ref="multipleTable" v-loading='loading' border max-height='700' style='width: 100%' size="mini"> <el-table-column type="selection" width="55"></el-table-column> <el-table-column label

且听风吟的博客 6649

LLM工具调用进化史:从Function Call到Agent Skills,一篇读懂大模型技能扩展全貌!

本文系统梳理了LLM工具调用的发展历程,从OpenAI的Function Call,到Agent自主决策,再到Anthropic的MCP协议统一标准,最后到最新的Agent Skills解决专业领域技能问题。Agent Skills作为模块化能力包,采用三层结构实现轻量化、可组合、可移植的专业技能注入,与MCP形成互补,共同推动LLM能力边界扩展。

Gaga246的博客 1368

创建XCP的CanApe工程

创建XCP的CanApe工程

weixin_44173919的博客 2890

wintab开发例程

 タブレットとスタイラスペンを使うと、パソコンに手書きの線を入力できます。筆圧を入力することができるので毛筆のような表現も可能です。ペンの傾きを入力できる機種もあり、アイデア次第で面白いことに使えそうです。  私は昔(94年頃)、WACOMのタブレットを用いたプログラム開発をしたことがあります。当初A3版ほどの大きさのUDというタブレットを使っていて、その後 ArtPad という小さいサイズの

grass168的专栏 3240

大模型工具链演进:从MCP到Skills的技术实践

大型语言模型工具链经历了从实验室研究到工业落地的技术演进。Transformer架构的突破性进展催生了模型控制协议(MCP)等基础框架,使百亿参数模型的标准化调用成为可能。关键技术如LoRA微调通过低秩分解大幅降低计算成本,而提示工程和RAG技术则提升了模型输出的准确性和可控性。现代Skills生态采用插件化架构,支持动态加载和组合,类似微服务开发模式。在实际应用中,模型量化、KV缓存优化等工程实践对部署效率至关重要,而多模态工具链的成熟正推动着智能编程助手等创新场景的落地。

weixin_33139275的博客 125

x265探索与研究(四):如何编码视频?

如何编码视频?           本文介绍x265中的两种编码视频方法,一是采用命令行的方法;二是GUI的方式。   1、命令行的方法   (1)、第一种方式生成*.265格式的视频文件           第一种方式可以生成*.265格式的视频文件,对应的命令为: x265 --input-res 352x288 --fps 30 hall_cif_352x288_300.y

成长Bar的博客专栏 3935

AI 安全进化史:从“脚本小子”到自主渗透的 Agent 战争

本文基于 B 站视频内容,系统梳理了 AI 在网络安全领域从 2022 年底到 2026 年的进化历程。文章涵盖了 AI 早期在渗透测试中的四大困境(知识截止、无法执行命令、无状态、缺乏攻击思维),到 Function Calling、MCP 协议、Skills 体系等技术突破如何逐步赋予 AI 自主渗透能力。最后,文章介绍了开源项目VulnCloud,展示了一个专为国内安全场景设计的 AI 驱动渗透测试框架,并探讨了 AI 对安全行业门槛、效率与攻防格局的深远影响。

菜菜成长为后端开发大佬 368

WinCC动态选择报警记录案例

本例中需要确认查询的时间段以及查询的关键字,然后通过一个按钮来执行报警数据查询脚本,并把查询出的结果加载到当前报警控件中。<本例中数据查询脚本的思路是根据选项组所选定的参数加载相应的归档变量到在线趋势控件,根据设定的查询时间范围设定控件时间轴的开始时间及结束时间。本文以 WinCC V8.0为例,介绍如何动态的查询WinCC报警记录,包括关键字查询/时间&关键字查询,如图1所示。<在WinCC变量管理中创建不同的变量组,并在变量组下创建相应的变量,如图2 所示(下图并非实际变量值)。

weixin_45072604的博客 2708

2025目标检测新方向:弱监督目标检测的最新论文研究与应用

2025目标检测新方向:弱监督目标检测的最新论文研究与应用 ,人工智能,计算机视觉,大模型,AI,本文聚焦2025年弱监督目标检测新方向,阐述其基础概念,包括弱监督学习定义、标注形式及面临的定位不准等挑战。介绍最新论文研究的多种算法,如基于点标注的算法等,还涉及相关模型、应用领域,以及评价指标、数据集、实现工具框架,分析未来趋势与补充挑战及解决方案,为该领域研究提供全面参考。

不踩坑,不知道坑有多深;不总结,踩过的坑白踩。 7万+

收藏必备!小白程序员必看:LLM大模型工具进化史,从MCP到Skills的全面解析(TaoToken统一Key/API通道版)

从MCP到Skills,LLM工具链如何选?本文拆解大模型工具演进脉络,并给出TaoToken统一Key/API通道的完整配置:Claude Code的settings.json、Cline的MCP Server、Skills目录结构与AGENTS.md写法,附curl与Python SDK验证步骤及401、local proxy failed等常见报错排查。详见 https://taotoken.net/?utm_source=taotoken_aicg_blog_end

weixin_36149538的博客 8

【温室气体数据集】全球总碳柱观测网络 TCCON

【温室气体数据集】全球总碳柱观测网络 TCCON

WW、forever的博客 437

AI Skills:大模型垂直落地的关键技术!

文章详细介绍了AI Skills的概念与进化历程,从早期聊天模型到具备环境感知和规划能力的智能体。Skills作为专家写给AI的"标准作业程序",包含元数据、操作手册和专用脚本三部分,其核心技术"渐进式披露"通过轻量挂载、按需加载和动态重置机制,有效解决大模型在垂直领域落地的准确性、安全性和成本效率问题,并通过金融合规研报案例展示了实际应用。

Gaga246的博客 1644

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

从“陪聊”到“专家”:深入浅出 AI Agent Skills 的进化逻辑

它博古通今、逻辑极强,但却处于“失忆”与“隔离”状态:它记不住过长的对话,也不知道实时发生的外部世界(如当日股价)。为了看透它的本质,我们需要拨回时间的指针,从一个“天才实习生”的成长视角来解读这段进化史。它就像 AI 界的 USB 接口,只要符合标准,无论是连接本地文档还是公司数据库,插上就能用。:这是技能的“灵魂”,记录了人类专家的隐性知识。:AI 依然只是被动的“执行者”,需要人类像工头一样下达每一步指令,且过多的工具说明会急剧消耗有限的上下文 Token。:这是技能的“名片”或“目录”。

musicml的博客 900

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

从Function Call到Multi-Agent:AI应用开发核心技术演进与实战选型指南

在AI应用开发领域,如何让大模型从单纯的文本生成工具转变为能够执行复杂任务、连接外部系统的智能体,是当前技术演进的核心方向。其基本原理是通过特定的接口协议,将大模型的认知推理能力与外部功能执行能力相结合,从而突破模型自身的局限性。这一技术路径具有极高的工程价值,它使得AI能够处理实时数据查询、数据库操作、自动化工作流等实际业务场景,极大地拓展了AI的应用边界。从早期的Function Call作为连接意图与执行的“翻译官”,到标准化的Tools工具包,再到实现工具即插即用的MCP协议,技术不断朝着模块化与生

weixin_32296621的博客 272

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

从 Prompt 到 Harness:AI 能力边界扩展的完整脉络

从 Prompt 到 Harness:AI 能力边界扩展的完整脉络

感谢所有乐于奉献的人,在此不一一具名 402

【项目推荐】基于 SpringBoot3 + Spring AI 的游泳馆管理系统:Agent + RAG + Function Calling 一次学全

它不是玩具 Demo,而是一个「业务 + AI」双主线交织的真实系统——预约业务在跑,AI 客服在旁边实时查库作答,两条线通过 Function Calling、RAG、站内消息串成一体。面试官问「你做过什么 AI 项目」时,你能从业务场景讲到架构取舍,从 RAG 切分参数讲到降级兜底——这和「我调了一下 ChatGPT 的 API」是完全不同的两个段位。项目已包含完整的建表 SQL、初始化数据、部署文档,克隆下来就能跑。获取方式:见文末说明 / 后台回复关键词获取。—— 完 ——

深耕开发,专注编程实战。分享源码解析、项目搭建、问题排查笔记,沉淀技术,持续更新。 347

Web 版翻译者资料库

本项目是桌面版《翻译者资料库》的 Web 移植版,基于 Spring Boot 3.3、Thymeleaf、Bootstrap 5.3 与 MySQL 8.0 构建。它面向翻译写作提供资料、词汇、句库、文本工具、对照制作、查找、备份恢复及旧库迁移等功能,完整继承桌面版核心业务规则,支持一键启动与离线访问。

howard2005的专栏 139

2026小红书小工具怎么制作:纯前端 ZIP 打包、沙箱限制与笔记挂载流程

小红书小工具制作的核心不是复杂开发,而是把需求压缩成纯前端轻交互,并按平台要求完成 ZIP 交付。适合做的方向是测试、计算器、生成器、学习小测和记录工具;不适合做的方向是账号体系、云端数据、支付和远程接口。制作时先确认沙箱限制,再整理输入、计算、输出链路,最后通过 Builder Hub 提交审核并挂载笔记。在需求简单、素材较少的情况下,十几分钟做出一个可用的小工具是现实路径,袋马就是一个选择。

qq_39308835的博客 285

Agent 的 ReAct、Plan、Execute、Reflection 模式

本文系统解析 Agent 的 ReAct、Plan、Execute、Reflection 四模式,揭示其核心为“下一步谁定”与“错了怎么发现”两大问题。ReAct 逐步决策,适合动态环境但易冗余;Plan 一次性规划,高效却惧变化;Execute 严格落地,需明确判据与失败策略;Reflection 事后校验,强化纠错闭环。四者协同:外层规划,执行中嵌入思考,每步后反思,连续失败才重规划,构建稳定可控的智能体工作流。

2401_89855466的博客 325

海外平台频繁弹验证?从 DNS、WebRTC 到浏览器指纹的环境异常排查清单

在运营多地区海外平台账号时,即使代理节点通畅、TCP 握手成功,仍可能遇到频繁人机验证、地区限制、播放失败等异常。核心结论是:这类问题往往不在网络传输层,而在浏览器环境参数与网络出口之间的逻辑自洽性。本文从 DNS 泄漏、WebRTC 穿透、时区与语言匹配、Canvas/WebGL 指纹、TLS 特征五个维度,给出一份可复现的环境异常排查清单,并对比个人手动配置与工程化环境管理方案的适用边界。适用于跨境运营、多账号运维团队。

P1Browser【p1指纹浏览器】的博客 183

信号链电路怎么选运放?奥特四款信号链运放解析【选型参考】

在模拟电路设计中,运放作为信号链的“第一道门槛”,其微小误差往往决定了整个系统的成败。

naNa_1120的博客 191

智能问诊的流程

本文介绍基于FastAPI构建的医疗多Agent系统MediAgent,通过症状分析、诊断推理与治疗建议等模块协同,实现从问诊到报告生成的完整工作流。系统采用前后端分离架构,结合MySQL、RabbitMQ与Docker实现工程化部署,支持异步化验结果接入。虽当前状态暂存于内存,但已具备可扩展性,未来可通过Redis持久化、消息队列联动及医疗安全机制完善,应用于慢病管理、辅助决策等场景,推动AI在医疗流程中的落地应用。

Joey 的工作空间~ 680

流式输出 SSE:实现 AI 对话打字机效果后端开发

摘要解决传统 HTTP 请求在 LLM 长文本生成时导致的客户端长时间阻塞与 TTFT 极高的问题。适用于需为 AI 应用提供打字机效果、优化交互体验的后端开发工程师。读完可获得基于 FastAPI 与 SSE(Server-Sent Events)技术的流式响应实现代码、协议规范及生产环境避坑指南。关键词SSE、流式输出、FastAPI、打字机效果、TTFT、大模型推理背景与问题大模型(LLM)生成完整回复通常耗时数秒至数十秒,传统请求-响应模型导致用户界面长时间无响应,体验极差。

2402_85729970的博客 178

Vue-Router

本文详解前端路由原理与实现,以网易云音乐为例,介绍通过 vue-router 实现页面无刷新切换。核心步骤包括:安装模块、创建路由实例、注册应用、配置页面组件与路由出口。使用 router-link 实现声明式导航,结合 query 和 params 传参,支持模糊与精确匹配激活状态。强调 useRoute(读取参数)与 useRouter(执行跳转)的区别,帮助开发者掌握单页应用路由的核心机制。

2301_79245606的博客 340
上一篇: AI Agent 核心架构总览:从 ReAct 循环到分层设计
下一篇: 阿里云百炼 + Qwen 模型实战
Ricky_Theseus
博客等级 码龄3年 126粉丝 158原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ricky_Theseus

感谢大家,祝您生活愉快

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值