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'
        } 
    }
})

这一节的侦听器没有看懂。

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