如何在Rails应用中使用StimulusJS

在Rails应用中使用StimulusJS，首先需要在Gemfile文件中添加stimulus-rails gem：

gem 'stimulus-rails'

然后运行bundle install安装gem。接下来，需要在app/javascript/packs/application.js文件中引入StimulusJS：

import { Application } from "stimulus"
import { definitionsFromContext } from "stimulus/webpack-helpers"

const application = Application.start()
const context = require.context("../controllers", true, /\.js$/)
application.load(definitionsFromContext(context))

在app/javascript/controllers目录下，创建控制器文件，例如hello_controller.js：

import { Controller } from "stimulus"

export default class extends Controller {
  connect() {
    console.log("Hello, Stimulus!")
  }
}

在需要使用StimulusJS的视图中，可以使用data-controller和data-action属性来指定控制器和操作：

<div data-controller="hello">
  <button data-action="click->hello#connect">Click me</button>
</div>

最后，在应用的视图中引入pack_tag标签来加载JavaScript文件：

<%= javascript_pack_tag 'application' %>

这样就可以在Rails应用中使用StimulusJS了。通过定义控制器和操作，可以实现页面上的交互功能。