计算属性是基于它们的响应式依赖进行缓存的,只有在相关响应式依赖发生改变时才会重新求值。
var vm = new Vue({
el: '#example',
data: {
firstName: '张',
lastName: '三'
},
computed: {
// 计算属性的 getter
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
},
watch: {
// 侦听器
firstName: function(val) {
console.log('firstName 变为:' + val);
}
}
});
提示: 这是一个重要的概念,需要特别注意理解和掌握。
注意: 这是一个常见的错误点,请避免犯同样的错误。
评论
请 登录 后发表评论