alpine-js - 使用 Alpine.js 为 HTML 添加响应式行为
使用 Alpine.js 指令为 HTML 添加轻量级的响应式和声明式交互功能。
标签
更新于: 2026-09-30能力
典型输入
典型输出
该技能可以做什么
- 定义响应式组件状态
- 动态绑定 HTML 属性
- 处理 DOM 事件
- 渲染响应式文本
- 绑定表单输入
- 显示或隐藏元素
- 按条件渲染模板
- 遍历数据集合
- 初始化组件数据
- 运行响应式副作用
- 引用 DOM 元素
- 注册可复用组件
输入
- HTML 标记
- 组件状态
- 用户事件
- 服务器提供的数据
- API 数据
输出
- 交互式 HTML 行为
- 更新后的 DOM 内容
- 更新后的元素属性
- 表单状态变化
- 事件驱动的界面变化
要求
- Alpine.js 运行时
- 启用 JavaScript 的浏览器