【vue】计算属性、方法、侦听器

计算属性

computed：有缓存机制，只有计算属性里面的值发生改变时，才会再次计算。

var vm= new Vue({
        el:"#app",
        data:{
            firstName:"Del",
            lastName:"Lee"
        },
        // 计算属性
        computed:{
            fullName:function(){
                return this.firstName+" "+this.lastName;
            }
        }
    })

方法

methods：没有缓存，当页面中数据发生改变时，页面就会重新渲染

var vm= new Vue({
        el:"#app",
        data:{
            firstName:"Del",
            lastName:"Lee",
            age:28
        },
        methods:{
            fullName:function(){
                return this.firstName+" "+this.lastName;
            }
        }
    })

侦听器

watch:具备缓存机制，代码没有computed的简洁

var vm= new Vue({
        el