1. 程式人生 > 其它 >computed計算屬性特點

computed計算屬性特點

computed計算屬性的三個特點
1.計算屬性使用時當作普通屬性使用,不能加()當方法使用
2.計算屬性的function內部,任何data發生改變,這個計算屬性就會重新計算
3.計算屬性的結果會被暫時快取,方便下次使用
`


var vm = new Vue({
el:"#app",
data:{
firstname:'',
lastname:'',
},
computed:{
//在computed中可以定義一些計算屬性, 注意使用時直接當做 屬性 來使用,不當做方法!!
'fullname':function(){
return this.firstname+'-'+this.lastname
}
}
})

`

vue的計算屬性:
1.在computed屬性物件中定義計算屬性的方法,在頁面使用{{方法名}}來顯示計算結果。
2.通過getter/setter實現對屬性資料的顯示和監視,計算屬性存在快取,多次讀取只執行一次getter計算(計算屬性的結果會被快取,除非依賴的響應式屬性變化才會重新計算)。
————————————————
methods裡的方法在呼叫時需要在HTML文字中加()
而computed裡面的方法不需要加
`

{{getFullName()}}

{{fullName}}

`