计算属性:
用法:必须返回一个值
语法:
computed: {
// 计算属性的 getter
reversedMessage: function () {
// `this` 指向 vm 实例
return this.message.split('').reverse().join('')
}
}
computed vs methods:
计算属性是依据它们的响应式依赖进行缓存的
方法是重新渲染dom时执行的(用户交互)
computed vs watch
计算属性:暴露一个类似全局变量的数据,可以进行逻辑处理
侦听属性:数据量较大,且有异步操作(上拉加载,下拉刷新)
计算属性的getter和setter
计算属性默认只有getter方法如果需要可以设置setter
例如:
computed:{
num:{
get:function(){// 必须有返回值,用来获取属性
return this.num -1
},
set:function(val){ // 用来修改属性
this.num = 10
}
}
}