[Vue] 이벤트 리스너 v-on

[Vue] 이벤트 리스너 v-on

v-on 디렉티브를 사용하여 DOM 이벤트를 듣고 trigger 될 때 Javascript를 실행할 수 있다.

v-on

• 이벤트 리스너의 역할
• ex) 로그인 페이지에서 아이디와 패스워드를 넣고 실행 버튼을 누르는 순간에 로그인 버튼은 자신이 클릭 되는 순간에 이 로그인 이벤트를 실행
  여기서 이벤트를 실행하기 위한 trigger(로그인 버튼 클릭)와 이벤트를 연결해주는 것이 이벤트 리스너

v-on:이벤트이름=”method 이름”

ex) v-on:click= "rollDice()"

출처

• https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90-vuejs-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A6%AC%EC%8A%A4%EB%84%88-v-on-vuejs-directive-625bfc661c75