一个适合你现有 HTML 的小巧 JavaScript 框架。

在你的 HTML 中添加控制器、目标和动作属性

<!--HTML from anywhere-->
<div data-controller="hello">
  <input data-hello-target="name" type="text">

  <button data-action="click->hello#greet">
    Greet
  </button>

  <span data-hello-target="output">
  </span>
</div>

编写一个兼容的控制器，然后观察 Stimulus 如何赋予其生命

// hello_controller.js
import { Controller } from "stimulus"

export default class extends Controller {
  static targets = [ "name", "output" ]

  greet() {
    this.outputTarget.textContent =
      `Hello, ${this.nameTarget.value}!`
  }
}

输入一个名称

当前版本：3.2.2 — 2023 年 8 月 7 日发布

Stimulus 是一个目标适中的 JavaScript 框架。它不会试图接管你的整个前端，事实上，它根本不关心渲染 HTML。相反，它旨在为你的 HTML 添加足够的行为以使其焕发光彩。Stimulus 与 Turbo 搭配使用效果极佳，可以为快速、引人入胜的应用程序提供一个完整的解决方案，且工作量极少。

手册安装源代码