学习要点：
1.Getter
2.Setter
本节课我们来开始学习 Vue3.x 的计算属性中的 Getter 和 Setter 方法；
一．Getter
1. 当我们输出 vm 对象的时候，发现属性字段有 Getter 和 Setter 方法；
2. Getter：即取值，Setter：即赋值，计算属性默认执行的是 Getter 取值方法；
3. 那么正常使用计算属性时，我们都是 return 返回一个最终结果即可；
4. 如果我们强制使用 Getter 方法获取，那么计算属性的格式改写如下：
// 计算属性
computed : {
// 连接两个属性字符串
fullName : {
// Getter
get() {
return this.firstName + this.LastName
}
}
}
二．Setter
1. Setter 是赋值，我们可以在这里直接修改属性字段的内容，如下：
// Setter
set(value) {
const str = value.split('.')
this.firstName = str[0] + '.'
this.lastName = str[1]
console.log('set')
}
PS：Setter 会被先执行进行赋值，然后 Getter 执行取出，可通过控制台输出了解顺序；
PS：当没有赋值操作，则执行一次 get，当有赋值操作，会以 get->set->get 三次执行；
PS：赋值通过 vm.fullName = 'Miss.Wang'进行赋值；
// 可以直接对计算属性赋值
vm.fullName = 'Miss.Wang'
本文由:兰州启点网络（
www.lzqidian.com)整理发布!
启点CMS演示地址及账号
