Vue&Vite Conf 2026 参会快闪/ Plog
复制为 Markdown
Vue&Vite Conf 2026 于 2026 年 7 月 18 日在上海举行,是第十届 Vue Conf ,也是国内第一届 Vite Conf。以下笔记受限于笔者水平和现场记忆,可能会有不充分或者错误的部分,读者海涵。
尤雨溪 - 主旨演讲
先是简单地介绍了一下 Vue 和 Vite 过去一年的发展,下载量将近是翻了一倍左右,强调在 AI 时代下,Vue 生态已经积累了很丰富的优秀预料,一线模型已经能非常轻松地驾驭 Vue。
随后,介绍了社区出现的一些比较优秀的关于 Vue 生态方向的探索,包括使用 Rust 和 Oxc 重写一整套 Vue 工具链条的 Vize(https://vizejs.dev)等。
之后,强调了在会议当天早些时候,VueJS 3.6 已经发布,并揭示 Vue 4.0 已在路上(未明确具体时间)。介绍了wa了 Vite+ 一些新的用法。

最后,尤大还介绍了 void(0) 被 cloudflare 收购之后的一些进展,强调**“开源的使命不变”**。

Edison - 深入理解 Vapor mode

这一部分主要是在介绍编译相关的,笔者对这一部分了解的很少,大家看下 PPT 吧,PPT 写得很有质量,基本上过一遍就能看懂大概的。

黄玄 - Unlock Vue for Native
Lynx 开源地址:https://github.com/huxpro/vue-lynx
这一部分的演讲嘉宾是前端综艺男主、前 React 阵营弃暗投明之人、字节跳动开源大佬。
主要是介绍 Lynx 跨端框架对 Vue 原生支持的进展。
这一部分我也不是很懂,照片拍的很少,也暂时没找到 PPT。
但是 Lynx 框架在前端圈子里还是耳熟能详的,而且黄玄老师这次介绍了一个基于 vue-lynx 原生 AI-chat 组建,我很感兴趣,后期尝试一下做一个,链接补充在这里。
额外值得一提的是,黄玄老师在现场给到了两个非常经典的画面 👇


王译锋 - PocketJS 与 Vue Vaper 的嵌入式 GUI 探索
这个可就厉害了,支持在 PSP 等上古时代的硬件上运行 Vue 代码,嵌入式动画的福音!
PPT 仓库地址:https://github.com/pocket-stack/pocketjs-vueconf-2026
Néstor López - 使用 Nuxt 与模块联邦构建超级应用(Super Apps)
每年一度的听力考试,全英文演讲(吐槽换一下西班牙口音),我依旧啥也没听懂。

有点像是在介绍自己公司的产品?
Johnson - 闪电秀
主要是介绍了 TypeScript 7 发布之后不支持 Vue 的背景下,社区做的一些改动。
- TypeScript 官方已承诺将在 7.1 版本支持 Vue 框架;
- 社区应该是有三种不同程度的尝试,我只记住了最有野心的一个:改用 Rust 重写整个 Vue 生态工具链,也就是上面尤大说的那个。

shulaoda - 从社区贡献到 VoidZero:聊聊 Vite 和 Rolldown 的内存优化
在现场有一种回到了大学计算机课堂的感觉,昏昏欲睡,完全不记得作者讲了什么了。

(重新把 PPT 看了一下,试图理解,失败。)
王驰 - Vite Task 的缓存魔法
主要是介绍了 Vite+ 里面不同的命令对于文件缓存和热更新读取逻辑,以及为了减少心智负担作出的一些改进。

杨启明 - Weapp-vite 对小程序工程化的重新思考
这位嘉宾应该是做小程序出身,而且还是抖音《老头们的快乐生活》的幕后合伙人。
他介绍了在当今小程序生态“百花齐放”的场景下,如何用原生 Vue 开发多平台的小程序应用,同时关注在 AI 时代,传统的小程序日志、报错等内容同步输出到终端给 AI 阅读的工具。
另一个非常吸引人的变化是在小程序的开发框架里面做了一个可以自动对小程序长截图的功能,方便 AI 在迭代时能看见自己代码的效果,然后和设计稿对比。在 AI 迭代几轮之后,基本上和设计稿上的还原度就很高了。
PPT 地址:https://2026.vueconf.sonofmagic.top/1
项目开源地址:https://github.com/unibest-tech/unibest


Simon He - 你的 Markdown 渲染器,扛得住 AI 输出吗?
PPT 地址:https://markstream-vue-slidev.pages.dev/1
项目开源地址:https://github.com/Simon-He95/markstream-vue
在 AI 时代,很多 markdown 文档在前端的渲染都是动态的,不想以前是直接从后端拿到了完整的文档然后渲染一次,现在为了实现打字机效果,前端渲染如果采用传统的 markdown 插件的话,往往会导致页面上的文档闪动或者是页面内存、CPU负载飙高。

markstream-vue 通过 非常实用地解决了这个问题。

说到非常实用是因为这个项目有很多大厂和产品都在用了,而且这个 PPT 循序渐进的感觉非常好,点赞!

夕阳针/zerob13 - 从 Yak Shaving 到 Agent:Vue 如何降低 AI 工具开发心智负担(闪电秀)
PPT 地址:https://vc2026.zerob13.com/
这一部分的嘉宾来自 DeepChat,同时也是一位靠开源转型成功的互联网 35+ “老登”。

和智能体相关的比较多,这一部分我也在尝试。在嘉宾的介绍中,我觉得重点是 灰灰 对于 Deepchat 在 agent 放年的变动以及他们团队自己实现并开源的 tap agent(可观测的 agent 系统)。

此外,夕阳针还提到了 model gaps、publicProviderConf 等开源的多模型配置方案。算是在 AI 的基础上,和后端比较相关。
洛灵 & Neko - ⾃信地开发 Agent:把 Vue 和前端工具链融合到 Agent 里
PPT 仓库地址:https://github.com/luoling8192/talks
将前端的代码融合到 agent 里面在 2026 年已经不是什么稀奇事。Neko:但是将前端 SPF 的设计思维嵌入到 agent 相关的工程设计中呢。比如按照 Vue 的设计心智来设计 Context:

非常好的想法!让我想起了当年最开始学 vue 的时候每次新开页面都手搓 template 的日子,同时也可以预料到:会让我的 token 爆炸。
此外,洛灵还介绍了用智能体来计算评估智能体的通用 benchmark 方法:

并且还提到了 openTelemetry 项目,这个之前应该是在微服务和分布式项目中做 traceId 追踪的,现在拿来图形化 agent 系统每一步的动作,也是一个很好的思路,而且官方已经支持了,在 Python 生态中,模型的 chat、ToolCall 等本身就是一个 Span !
本站文章遵循 Apache 2.0 开源协议,转载请注明出处,商业化出版请联系本站管理员(页面底部)
鄂公网安备42098402000265号