Vueのビューでのコード実行

波括弧内では様々なJavaScriptコードを実行することができます。例を使って見てみましょう。数値を持つ2つのプロパティ、 var1とvar2があるとします:

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

例えば、プロパティの値を足し算してみましょう:

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

このコードの結果は以下のHTMLになります:

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

dataに以下が保存されているとします:

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

プロパティnumの2乗を画面に表示してください。

dataに以下が保存されているとします:

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

プロパティnum1、num2、num3の合計を画面に表示してください。