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

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

methods: {
	show: function(str) {
		alert(str);
	}
}

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

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

숫자를 매개변수로 받아 alert로 해당 숫자의 제곱을 출력하는 메소드를 만드세요.

두 개의 버튼을 만드세요. 첫 번째 버튼을 클릭하면 숫자 2의 제곱을 출력하고, 두 번째 버튼을 클릭하면 숫자 3의 제곱을 출력하세요.