Vueのビューでのコード実行
波括弧内では様々なJavaScriptコードを実行することができます。例を使って見てみましょう。
数値を持つ2つのプロパティ、
var1とvar2があるとします:
javascriptdata() {
return {
var1: 1,
var2: 2,
}
}
例えば、プロパティの値を足し算してみましょう:
App.vue<template>
{{ var1 + var2 }}
</template>
このコードの結果は以下のHTMLになります:
html<div id="app">
3
</div>
Задание 1
dataに以下が保存されているとします:
javascriptdata() {
return {
num: 5,
}
}
プロパティnumの2乗を画面に表示してください。
Задание 2
dataに以下が保存されているとします:
javascriptdata() {
return {
num1: 1,
num2: 2,
num3: 3,
}
}
プロパティnum1、num2、num3の合計を画面に表示してください。