计算属性和侦听器
2018-10-14 本文已影响0人
嘿嘿_信我者得永生
- 计算属性使用computed 方法声明,计算属性只有绑定的普通属性,发生变化时,才会调用
- 计算属性,也可以有setter方法,可以用来更新其他普通属性
例:
computed: {
fullName: {
// getter
get: function () {
return this.firstName + ' ' + this.lastName
},
// setter
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
- watch侦听属性,该方法只能侦听一个属性
两种声明方式vm.$watch
,以及
watch: {
// 如果 `question` 发生改变,这个函数就会运行
question: function (newQuestion, oldQuestion) {
this.answer = 'Waiting for you to stop typing...'
this.debouncedGetAnswer()
}
},