Vue 뷰에서 코드 실행하기

중괄호 안에서 다양한 JavaScript 코드를 실행할 수 있습니다. 예제를 통해 살펴보겠습니다. 두 개의 숫자 속성 - var1와 var2가 있다고 가정해 봅시다:

data() {
	return {
		var1: 1,
		var2: 2,
	}
}

예를 들어, 속성들의 값을 더해 보겠습니다:

<template>
	{{ var1 + var2 }}
</template>

이 코드의 결과는 다음과 같은 HTML이 될 것입니다:

<div id="app">
	3
</div>

data에 다음과 같은 내용이 저장되어 있다고 가정합니다:

data() {
	return {
		num: 5,
	}
}

속성 num의 제곱을 화면에 출력하세요.

data에 다음과 같은 내용이 저장되어 있다고 가정합니다:

data() {
	return {
		num1: 1,
		num2: 2,
		num3: 3,
	}
}

속성 num1, num2 및 num3의 합계를 화면에 출력하세요.