Vue 相关技术文章

php mysql shell go vue css api接口对接支付接口对接

卡片在主栏和侧栏长得不一样：CSS 容器查询的用法与回退

卡片在主栏和侧栏长得不一样：CSS 容器查询的用法与回退
2026-09-26 00:03:30
同一个卡片组件放进主栏和侧栏表现不一致，是因为媒体查询只看视口。这篇讲 CSS 容器查询（@container）的用法与约束：containment 如何短路无限循环、container-type size/inline-size 的副作用、cq 长度单位、样式查询、以及 94% 覆盖率下用 ResizeObserver + @supports 做回退，附 Vue 组件示例。
container queries CSS 容器查询前端响应式布局 Vue

Vite 8.0 发布：Rolldown 成为唯一打包器，Linear 生产构建 46s 降到 6s

Vite 8.0 发布：Rolldown 成为唯一打包器，Linear 生产构建 46s 降到 6s
2026-09-25 21:02:18
Vite 8.0 把 esbuild+Rollup 双打包器统一为 Rust 写的 Rolldown，构建快 10-30 倍，Linear 生产构建从 46s 降到 6s。本文整理官方发布要点：插件兼容层、Node 20.19+/22.12+ 要求、安装体积增加约 15MB 的来源、plugin-react v6 去 Babel，以及大项目的两步渐进迁移路径。
Vite Rolldown 前端构建工具 Vue

shallowRef、markRaw 与 Suspense：Vue 3 里哪些 API 只该用在边界上

shallowRef、markRaw 与 Suspense：Vue 3 里哪些 API 只该用在边界上
2026-09-24 21:30:49
Vue 3 的浅层响应式与逃生舱 API 不是性能开关。本文按边界逐个说明 shallowRef、shallowReactive、readonly、toRaw、markRaw、customRef 的适用位置与坑，并给出 Teleport、异步组件、KeepAlive、Suspense 的取舍：Suspense 至今仍是实验性，性能和可维护性该以测量为准而非猜测。
Vue Vue3 响应式 Composition API 前端

Varlet：70+ 组件的 Vue3 移动端组件库，用 touch-emulator 跑到桌面

Varlet：70+ 组件的 Vue3 移动端组件库，用 touch-emulator 跑到桌面
2026-09-24 21:30:49
Varlet 是 varletjs 维护的 Vue3 组件库，基于 Material Design 2/3，面向移动端并可借 @varlet/touch-emulator 在桌面运行，提供 70+ 组件、按需引入、主题定制、SSR/Nuxt 与 90%+ 单测覆盖。给出项目地址、CDN 与 Vite 安装方式及官方生态清单。
Vue Vue3 组件库 Material Design 移动端

Vue 3.6 RC 里的 Vapor Mode：在现有 VDOM 应用里局部启用，哪些 API 用不了

Vue 3.6 RC 里的 Vapor Mode：在现有 VDOM 应用里局部启用，哪些 API 用不了
2026-09-24 21:13:14
Vue 3.6 RC 的 Vapor Mode 编译期去掉 Virtual DOM，per-component 可选。讲清 <script setup vapor> 启用方式、createVaporApp 与 vaporInteropPlugin、VDOM 互操作的边界，以及 getCurrentInstance/v-memo/元素生命周期/全局属性等尚不支持的 API，附 3.6 的 alien-signals 响应式重构。
Vue 前端编译响应式

Vue Vapor 事件机制实测：@click.stop 在混用传统组件时拦不住事件

Vue Vapor 事件机制实测：@click.stop 在混用传统组件时拦不住事件
2026-09-23 20:01:47
基于 vue@3.6.0-alpha.2 实测 Vapor 模式的事件机制：可冒泡事件进入 document 级委托，非冒泡事件与组件事件仍按传统方式。重点记录 @click.stop 的陷阱——混用传统 Vue 组件或直接 addEventListener 时，stop 无法阻止事件，传统组件的 stop 甚至会破坏委托链。
Vue Vapor 事件委托前端

Gin-Vue-Admin 搭管理后台：版本口径、JWT+Casbin 双中间件与启动顺序

Gin-Vue-Admin 搭管理后台：版本口径、JWT+Casbin 双中间件与启动顺序
2026-09-23 00:03:44
用 Go+Vue 全栈脚手架 Gin-Vue-Admin 搭管理后台：README、使用说明与官方文档三处版本口径不一致要按哪套准备环境，JWT+Casbin 双中间件如何做 RBAC，动态路由/菜单与 Redis 多点登录，代码生成器能生成到什么程度、哪里必须手写。
后台开发管理后台 Gin-Vue-Admin Go Vue Admin Backend

Pinia 4.0 只做「技术上破坏性」变更：纯 ESM、删 CJS，devtools-api 要单独装

Pinia 4.0 只做「技术上破坏性」变更：纯 ESM、删 CJS，devtools-api 要单独装
2026-09-18 21:06:57
Pinia 4.0.0（2026-07-14）只做技术性破坏变更：包改为纯 ESM、删除 CJS 入口、提高最低 TypeScript 版本，@vue/devtools-api 升级到 v8 并需与 pinia 一起安装；同时用 Nostics 重构错误与开发警告。本文列出版本支持状态与升级检查清单。
Vue Pinia 前端 ESM 升级

PageFlow：在无限画布上跑真实页面，把路由、接口、测试和诊断放进同一个上下文

PageFlow：在无限画布上跑真实页面，把路由、接口、测试和诊断放进同一个上下文
2026-09-17 21:31:41
PageFlow（unplugin-pageflow）是开发环境页面流程可视化插件：读取项目路由，在无限画布上运行真实页面，把跳转关系、接口请求、关联测试与诊断结果收进同一上下文。本文给出 Vite / Vue Router / uni-app / Nuxt 接入方式、.pageflow 与 Figma 绑定、检测规则、Inspector 扩展，以及只在开发环境启用、不接管权限模型的边界说明。
PageFlow Vite Vue uni-app 开发工具

从零实现可视化拖拽编辑器：拖拽、吸附、撤销重做的实现细节

从零实现可视化拖拽编辑器：拖拽、吸附、撤销重做的实现细节
2026-09-17 00:04:34
用 Vue 从零实现一个可视化拖拽编辑器/低代码设计器：组件数据结构与渲染、画布内拖拽公式、图层层级与 z-index、8 点缩放、快照式撤销重做、6 条标线吸附与 diff 阈值、属性面板、预览出码、事件与动画绑定、PSD 导入思路，以及组合拆分时绝对坐标与百分比的性能取舍。
可视化开发低代码拖拽编辑器 Vue 前端工程

Vue 3.6 进入 RC：Vapor Mode 特性完备，@vue/reactivity 换用 alien-signals

Vue 3.6 进入 RC：Vapor Mode 特性完备，@vue/reactivity 换用 alien-signals
2026-09-13 21:03:37
Vue 3.6 进入 RC：Vapor Mode 特性完备、100% opt-in，用 script setup vapor 开启，不支持 Options API、Suspense 只能在 VDOM 侧包裹；@vue/reactivity 底层改为 alien-signals 重构，性能与内存占用提升。含适用场景与当前 rc 状态说明。
Vue Vapor Mode 前端响应式构建

Vite 开发服务器变慢：从 DevTools 的 Disable cache 到桶文件

Vite 开发服务器变慢：从 DevTools 的 Disable cache 到桶文件
2026-09-12 21:02:58
Vite 开发服务器越用越慢的几个真实原因：DevTools 勾了 Disable cache、浏览器插件干扰、插件钩子耗时、导入路径靠 resolve.extensions 猜、桶文件导致全量转换。附 server.warmup 预热、vite --debug plugin-transform 定位方法与明确导入路径的写法。
Vue Vite 前端性能

Vue 3 + Vite 6 构建优化：2 分 33 秒压到 50 秒，vendor chunk 从 7.6MB 降到 2.4MB

Vue 3 + Vite 6 构建优化：2 分 33 秒压到 50 秒，vendor chunk 从 7.6MB 降到 2.4MB
2026-09-12 21:02:02
Vue 3 + Vite 6 项目构建优化实录：构建时间 2 分 33 秒压到 50 秒，最大 vendor chunk 从 7.6MB 降到 2.4MB。含 manualChunks 分组配置、LightningCSS 与 UnoCSS @apply 的冲突，以及 d3、video.js 因循环依赖不能单独拆包的坑。
Vue Vite 前端构建性能优化

用 Go + Vue 写 Redis Web 管理工具：grm 支持 SSH、命令行与 LUA 脚本

用 Go + Vue 写 Redis Web 管理工具：grm 支持 SSH、命令行与 LUA 脚本
2026-09-12 09:46:18
GRM 是基于 Go + Vue 的 Web 版 Redis 管理工具，支持直连/SSH 连接、用户鉴权、操作日志、命令行与 LUA 脚本执行，可编译打包成单二进制部署。本文给出编译、运行命令与功能清单，附项目仓库地址。
Redis Go Vue grm 运维工具数据库管理

keep-alive 的 include 传了路由 name：Vue3 动态路由生产环境白屏排查

keep-alive 的 include 传了路由 name：Vue3 动态路由生产环境白屏排查
2026-09-10 21:31:29
Vue3 动态路由项目本地正常、生产白屏且控制台无报错，根因是 keep-alive 的 include 匹配的是组件 name 而非路由 name，异步组件下匹配失败直接阻断渲染。本文给出排查链路、根因分析和最小改动方案。
Vue3 Vue Router keep-alive 动态路由前端排障

Vue 3.6 Vapor Mode 进入 RC：给 script setup 加个 vapor 属性，哪些代码会踩坑

Vue 3.6 Vapor Mode 进入 RC：给 script setup 加个 vapor 属性，哪些代码会踩坑
2026-09-10 21:02:41
Vue 3.6 的 Vapor Mode 进入 RC，给 script setup 加 vapor 属性即可开启。本文讲清 createVaporApp 与 vaporInteropPlugin 两条路线的包体差异、哪些依赖 VNode 与公共实例代理的代码会不可用，并给出现阶段的适用场景与迁移注意点。
Vue 前端性能 VaporMode

vue-office：一个 Vue 组件搞定 docx、xlsx、pdf 在线预览

vue-office：一个 Vue 组件搞定 docx、xlsx、pdf 在线预览
2026-09-08 09:23:05
vue-office 支持在 Vue 2/Vue 3 中预览 docx、xlsx、pdf，只需传入文档 src 或 ArrayBuffer/Blob 即可渲染，兼顾样式还原。这篇介绍它的功能与用法，适合需要在前端做 Office 文件预览、不想逐个集成独立库的场景。
vue office预览 vue-office pdf docx

Vue 3.6 升级笔记：Vapor 按需启用，事件委托默认直挂元素

Vue 3.6 升级笔记：Vapor 按需启用，事件委托默认直挂元素
2026-09-07 21:07:42
Vue 3.6（2026-07-18 正式发布）前端升级笔记：Vapor Mode 100% opt-in、跳过 VDOM 直操作真实 DOM，依赖 VNode/公共实例 proxy 的功能不可用；rc.2 起 Vapor 事件委托默认直挂元素而非委托 document（.delegate 修饰符 opt-in、compilerOptions.eventDelegation 已移除）；@vue/reactivity 迁移到 alien-signals，建议回归 computed/watch；附 Vite 8/Rolldown 相关链接。
Vue 前端 Vapor Vite

62 个免费开源图表库：React、Vue、Next.js 和 Nuxt 的数据可视化选择

62 个免费开源图表库：React、Vue、Next.js 和 Nuxt 的数据可视化选择
2026-09-06 01:12:48
整理62个免费开源图表库，覆盖React/Next.js（Recharts、Victory、react-vis、Nivo、Chart.js、ECharts、AntV、Plotly等）、Vue/Nuxt（Vue-ECharts、vue-chartjs、ApexCharts等）、跨框架通用库（D3.js、Highcharts、C3.js、Deck.gl、Three.js、Leaflet等）。文章介绍了每个库的特点、适用场景，以及选择图表库的四步法：明确需求、评估候选、原型验证、做出决策。
图表库数据可视化 React Vue Next.js Nuxt 开源 D3 ECharts

Vue 3.6 RC：把 Vapor Mode 搬上生产前，先避开这 6 个坑

Vue 3.6 RC：把 Vapor Mode 搬上生产前，先避开这 6 个坑
2026-09-04 21:03:25
Vue 3.6 RC 落地 Vapor Mode 与 alien-signals 响应式重构。本文给出开启 vapor 标记、createVaporApp/vaporInteropPlugin 两种建 App 方式的代码，以及 Options API 不支持、事件委托遇 stopPropagation、slots.default() 非无副作用干跑、自定义指令接口变化等 6 个上生产前的迁移坑点。
Vue 前端 Vapor 编译模式

Vue 3.6 正式发布、Vite 8 落地 Rolldown、Vue 4.0 立项：现在该不该动

Vue 3.6 正式发布、Vite 8 落地 Rolldown、Vue 4.0 立项：现在该不该动
2026-09-03 21:06:44
2026-07 Vue 官方发布 Vue 3.6（Vapor 按组件启用、alien-signals 重写响应式）、Vue 4.0 立项、Vite 8 落地 Rolldown。从工程升级角度给出：新项目与存量 3.5 各该怎么做，以及为何不必等 4.0。
Vue 前端 Vite

easy-writing：纯本地网文写作工具的"本地"边界

easy-writing：纯本地网文写作工具的"本地"边界
2026-09-03 10:13:49
速评开源网文写作工具 easy-writing（Vue3+TipTap+Tauri2，AGPL-3.0）：文稿资料本机存储是真本地，但 AI 辅助默认走各家云端模型 API，只有接 Ollama/LM Studio 才完全不出机；顺带拆了内置 80+ 源榜单爬虫的合规边界与 macOS 签名处理。
easy-writing Tauri Vue 开源工具 AI写作

uni-app x 蒸汽模式（Vapor）技术梳理：无 VDOM + 自研 UI 渲染层

uni-app x 蒸汽模式（Vapor）技术梳理：无 VDOM + 自研 UI 渲染层
2026-09-03 10:03:28
梳理 uni-app x 蒸汽模式（Vapor）：去掉 Virtual DOM + 自研 App UI Framework，覆盖 Android/iOS/HarmonyOS 三端。整理渲染链路变化、官方 Benchmark 数据口径、从 UTS 回到 JS 的原因、各端 HBuilderX 版本要求与开启步骤，并说明哪些是官方数据、跨端选型前需自行复测。
uni-app 跨端 Vue 性能优化

Generative UI 的 Vue 端落地：白名单 Schema 渲染与三种架构选型

Generative UI 的 Vue 端落地：白名单 Schema 渲染与三种架构选型
2026-09-03 00:06:30
Generative UI 在 Vue 技术栈的落地实践：不写 SFC 模板直渲，而是走白名单 Schema——模型输出受约束 JSON、前端注册表加动态组件渲染。从 Vue 的动态组件坑、Controlled/Declarative/Open-ended 三种架构选型，到安全边界与回退路径。适合把生成式 UI 接进非 React 项目的团队。
generative ui Vue 前端工程 LLM应用

大家都在搜索什么？

devops 易支付一个官网+多少钱统一接受回调统一回调 python sub node 宝塔日志 mysql shell ElasticSearch css vue api接口对接 2025 支付接口对接 go php php回调