LogoClawIndex
案例技能关于
LogoClawIndex

alpine-js - 使用 Alpine.js 为 HTML 添加响应式行为

使用 Alpine.js 指令为 HTML 添加轻量级响应式和声明式行为。

标签

更新于: 2026-09-30
Alpine.jsJavaScriptHTML响应式声明式界面前端

能力

典型输入

典型输出

该技能可以做什么

  • 定义响应式组件数据
  • 动态绑定 HTML 属性
  • 处理 DOM 事件
  • 条件渲染内容
  • 响应式渲染列表
  • 同步表单输入
  • 运行初始化逻辑
  • 应用响应式副作用
  • 引用 DOM 元素

输入

  • HTML 标记
  • 交互需求
  • Alpine.js 库

输出

  • 响应式 HTML 行为
  • 动态 DOM 更新
  • 事件驱动的界面响应
  • 交互式表单状态

要求

  • 启用 JavaScript 的浏览器
  • 已加载 Alpine.js 库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
定义响应式组件数据
动态绑定 HTML 属性
处理 DOM 事件
条件渲染内容
HTML 标记
交互需求
Alpine.js 库
响应式 HTML 行为
动态 DOM 更新
事件驱动的界面响应