Vue에서 메소드에 매개변수 전달

이벤트 핸들러로 바인딩되는 메소드에 매개변수를 전달할 수 있습니다. 실제 예를 통해 알아보겠습니다. 다음과 같이 출력할 메시지를 매개변수로 받는 메소드가 있다고 가정해 봅시다:

App.vuemethods: {
  show: function(str) {
    alert(str);
  }
}

이 메소드를 다양한 태그에 바인딩하고, 출력할 텍스트를 매개변수로 전달해 봅시다:

App.vue<template>
  <button @click="show('text1')">btn1</button>
  <button @click="show('text2')">btn2</button>
</template>