JavaScript - フロントエンド開発フレームワークである Express のテンプレート エンジンでボタンにバインディング イベントを追加するにはどうすればよいですか?

Question

仕事でexpressを使っていて、初めてのexpressでした
テンプレートエンジンも慣れるまでに時間がかかりました！しかし、それは問題ではありません。
最初の質問: クリック イベントを追加する方法 (vue、angular などに似ています: v-bind=xxx??? そんなものはありますか??)

リーリー

2 番目の質問:
すべてのページ データはインターフェイスから取得されます
つまり:

リーリー

このインターフェイスはページ上のデータの一部しか取得できません。
ただし、別のインターフェイスにアクセスする必要があるデータの一部がまだあります。ルートを 2 回書くことはできません (上のものはルーティングで書かれています）？ 2つ書いてもダメですよ。

問題はこの 2 つですが、明確に表現されているかどうかはわかりません。
1. イベントを要素にバインドするにはどうすればよいですか?
2. 同じページ上の 2 つのインターフェースにアクセスする方法

Answer 1

1. onclick="実行する関数" を要素に直接記述するか、テンプレートの下部に新しい js を導入して、
var ele=document.getElement("button").addEventlistener("click",function(){要执行的逻辑})
などの js 内の dom 要素バインディングを見つけます。動的な名前、またはパラメータ判定を追加します

Answer 2

最初の質問:
https://forum-archive.vuejs.o...
2 番目の質問:
バックエンドで 2 つのインターフェイスをリクエストし、2 つのインターフェイスによってリクエストされたデータを 1 つに入れることができます。オブジェクトは で使用されます。ページまたはフロントエンド ページは、js を使用して別のインターフェイスからデータをリクエストし、それを使用できます

Answer 3

別のjs文件，在pug里面通过script标签引入，
js文件要用express的staticメソッドを書いてそれをまとめます。

例: koaの下の書き方:

リーリー