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]
}
}
}
运行 vm.fullName = ‘John Doe’ 时,setter 会被调用,vm.firstName 和 vm.lastName 也会相应地被更新,但是这个时候的更新如果不写setter和getter是依赖数据发生变化就会改变,如果有了钩子,firstName和lastName改变时,调用的是getter还是依赖数据变化?两者有什么区别呢?
课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握
了解课程