watch是一个监听器,监听数据的变化改变数据,进而改变view层,通常父传子的时候数据比较复杂,可以监听数据
watch: {
// 配置监视firstName
firstName: function (value) { // 相当于属性的set
console.log('watch', value)
// 更新fullName2
this.fullName2 = value + '-' + this.lastName
}
}
computed:是一个计算属性,里面可以有set()和get()
// 计算属性配置: 值为对象
computed: {
fullName1 () { // 属性的get()
console.log('fullName1()', this)
return this.firstName + '-' + this.lastName
},
fullName3: {
// 当获取当前属性值时自动调用, 将返回值(根据相关的其它属性数据)作为属性值
get () {
console.log('fullName3 get()')
return this.firstName + '-' + this.lastName
},
// 当属性值发生了改变时自动调用, 监视当前属性值变化, 同步更新相关的其它属性值
set (value) {// fullName3的最新value值 A-B23
console.log('fullName3 set()', value)
// 更新firstName和lastName
const names = value.split('-')
this.firstName = names[0]
this.lastName = names[1]
}
}
},