javascript - 프론트엔드 개발 프레임워크인 Express, 템플릿 엔진 아래의 버튼에 바인딩 이벤트를 추가하는 방법은 무엇입니까?

Question

저는 직장에서 Express를 사용하는데, Express를 처음 사용합니다
템플릿 엔진에 익숙해지려면 시간이 좀 걸릴 것 같아요! 하지만 그게 요점이 아닙니다.
첫 번째 질문: 클릭 이벤트를 추가하는 방법(vue, angle 또는 이와 유사: v-bind=xxx??? 그런 것이 있나요??)

으아악

두 번째 질문:
모든 페이지 데이터는 인터페이스에서 가져옵니다
그래서:

으아악

이 인터페이스는 페이지에 있는 데이터의 일부만 가져올 수 있습니다.
그러나 여전히 다른 인터페이스에 액세스해야 하는 데이터의 일부가 있습니다. 경로를 두 번 쓸 수는 없습니다(위의 것은 라우팅을 사용하여 작성되었습니다). ? 두 개를 쓰는 것은 쓸모가 없습니다.

문제는 이 두가지인데, 명확하게 표현할 수 있을지 모르겠네요.
1. 이벤트를 요소에 바인딩하는 방법은 무엇입니까?
2. 동일한 페이지에서 두 개의 인터페이스에 액세스하는 방법

Answer 1

1. 요소에 onclick="function to be running"을 직접 쓰거나, 템플릿 하단에 새로운 js를 도입하고,
var ele=document.getElement("button").addEventlistener("click",function(){要执行的逻辑})
와 같이 js에서 dom 요소 바인딩을 찾을 수 있습니다. 동적 이름을 지정하거나 매개변수 판단을 추가하세요

Answer 2

첫 번째 질문:
https://forum-archive.vuejs.o...
두 번째 질문:
백엔드에서 두 개의 인터페이스를 요청한 다음 두 인터페이스에서 요청한 데이터를 하나의 개체에 넣을 수 있습니다. 페이지 또는 프런트엔드 페이지는 js를 사용하여 다른 인터페이스에서 데이터를 요청한 다음 이를 사용할 수 있습니다

Answer 3

다른 js文件，在pug里面通过script标签引入，
js文件要用express的static방법을 써서 마무리하세요.

예를 들어 koa 아래에 쓰는 방법:

으아악