计算属性的getter和setter

先来看把计算属性写成函数的样式:

计算属性的getter和setter

计算属性的getter和setter

现在改成对象的样式,并且使用get和set

计算属性的getter和setter

计算属性的getter和setter

这两种方式显示的结果是一样的

计算属性的getter和setter

这样子也能够改变页面上的值

计算属性的getter和setter

但是当我想对fullName进行赋值的时候这是不行的

计算属性的getter和setter

系统会说fullName没有setter函数

下面我使用set方法

计算属性的getter和setter

计算属性的getter和setter

计算属性的getter和setter

页面上也会跟着变动,这是因为当你对fullName赋值时,传入的值被保存到value中,然后被以空格分割成一个数组,分别赋给firstName和lastName,当firstName和lastName发生改变时,又会触发计算属性重新计算,从而改变页面结果。