Vue.js 算出プロパティ computedについて

まず、プロパティについて

プロパティの日本語訳は、

・財産

・資産

・所有物

・特性

・属性

などの意味がある。特に、属性に注視すると、プロパティには

「プロパティにくっついているものがどのようなものなのかを説明している」

という意味がある。つまり、ファイルの情報を説明しているのである。

computedについて説明してみる。次のように記述する。

computed:{

ここにプロパティ名を記述　function() {

ここに処理内容を記述

return ここに処理後の表示させる値を記述

}

}

 app.js

var vm = new Vue({

el: '#example',

data: { firstNum:3, secondNum:4 },

computed: {

// 算出 getter 関数

resultNum: function () {

// `this` は vm インスタンスを指します

return this.firstNum * this.secondNum } } })

app.html

<div id="example">

<p>{{ resultNum }}</p>

</div>

結果には１２が表される。