Vue小記(第四天)

計算屬性

一般我們在改變了message的值之後想要再次使用這個值,直接想到的方式就是再處理message一遍,但是計算屬性不必要那麼麻煩。vue的計算屬性 computed,message改變時ChangeMessage的值會跟着改變,這個值會緩存起來,再次調用的時候直接使用緩存,不會重複執行computed。

<div id="vue">
    <p>{{ChangeMessage}}</p>
</div>
var vm=new Vue({
    el:'#vue',
    message:'hello',
    computed:{
       ChangeMessage:function(){
            return this.message+'Vue'
        } 
    }
})

這一節的偵聽器沒有看懂。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章