alpine-js 是为页面添加轻量交互的 Skill。它围绕 Alpine.js 的局部数据、事件、绑定和条件显示,让菜单、表单等行为贴近 HTML 组织。
一个展开菜单先说清数据和触发动作,再考虑是否需要共享状态。显示隐藏与移除内容会影响生命周期,不能只为少写几行就互换;复杂逻辑也应拆出来保持可读。
适合已有页面上的局部互动,不凭“轻量”就断定适合所有大型应用。键盘、焦点与辅助说明仍要设计,HTML 注入需处理不可信内容;和后端框架整合时核对应版本。原文给的是实践路线,本文没有搭建或测量页面。