Vue 메서드 내부에서 data 작업하기
메서드 내부에서는 data 객체의 속성에
접근할 수 있습니다.
이를 위해서는 this를 통해 접근해야 합니다.
예제를 통해 알아봅시다. 다음과 같은 속성이 있다고 가정해 보겠습니다:
data() {
return {
text: 'str',
}
}
이제 메서드 내부에서 이 속성의 값을 출력해 보겠습니다:
methods: {
show: function() {
alert(this.text);
}
}
data에 두 개의 숫자가 저장되어 있다고 가정합니다:
data() {
return {
num1: 1,
num2: 2,
},
}
코드가 실행될 때 alert를 통해 우리 숫자들의 합을 출력하는 메서드를 만드세요.