Vue 开发团队最近又推出了一项新举措，专门解决长期困扰社区的“异步插件缺失”痛点。

使用者痛点

在过去的几年里Vue 项目一直依赖社区维护的类型声明和纯 JavaScript 编写的代码。异步插件几乎不存在这让很多开发者无法实现诸如远程片段嵌入、实时渲染等高级功能。

Anthony Fu 在推特上直言：

Vue 团队的新举措：Async Plugin Framework

AFF是一套全新的框架，让 VitePressSlidev 等 Vue 基础设施能够原生支持异步代码拉取和远程片段渲染。主要成员 Anthony Fu 已经在社交媒体上发布“愿望”后上线。

AFF 的主要功能

• 异步代码拉取： 在编译阶段自动从远程源抓取代码片段，无需手动写脏脚本。不过，
• 远程片段嵌入： 直接引用 GitHub、CodePen、CodeSandbox 等外部资源。并实时渲染，
• Dynamically Loaded Highlighters： 支持任意语言高亮器通过网络动态加载，提高可 性。
• Smooth Migration Path： 旧项目只需全局替换一行即可升级，无需改动现有配置或模板。

AFF 对 Vue 环境代表着什么？

• VitePress： 未来可以在建立时完成“远程代码拉取”，明显提高文档生成效率。
• Slidev： 幻灯片中直接引用外部文件并即时渲染，让演示更加流畅。
• 社区环境： 提供统一的 API。降低插件兼容性难度，激发更多创新项目。

两分钟上手教程

# 安装最新特性版# 求稳用兼容版
npm i @vue/async-plugin --save-dev
# 或者使用 Yarn
yarn add @vue/async-plugin --dev

// 命名导入，Tree-shaking友好
import { asyncPlugin } from '@vue/async-plugin';md.use => {
const html = await fetchHighlighter;其实，// 任意异步操作
return html;})，

Migrating Zero Cost

旧项目只需在入口文件中添加一行即可自动启用 AFF，无需修改任何已有插件或配置。老实说，所有原有的插件配置、渲染结果一行不改。直接运行就能享受新特性，

时间线 & 路线图

• 现在：AFF v1.-娱乐a 正式公测。 功能已齐全，API 锁定中。
• 未来 ~6个月：AFF 正式版 v1 发布；VitePress &`Slidev` 官方模板同步切换到 AFF 支持版本。
• 长期规划：AFF 将探索 AST级别缓存、WebAssembly 加速还有流式渲染等高级玩法，为 Vue 社区带来更强大的性能与灵活性。