3-4 计算属性的setter和getter

Vue中的计算属性的setter和getter

//如上，fullName这个方法在取这个数据的时候，会执行get中的方法；而在设置数据时，会执行set中的方法。其中set中有个参数(value)，用于传参改值，设置了value的值，set中就会接受的到这个值。

//set用法：通过设置一个值来改变它相关联的值，而改变了它相关联的值之后，又会引起fullName值的重新计算，页面也就跟着变化了

//27行代码的用法：引入一个arr值，用于打散value中传来的参数，把它变成数组，分别赋值给firstName和lastName，间接的改变firstName和lastName的值。　　　　

如下图：

//computed有个特性：当它依赖的值发生变化的时候，他就会重新的计算、更新。

//即：当你set fullName的时候，this.firstName的值发生变化，恰好这个值又是fullName所依赖的一个值，所以就会引起fullName的重新计算，重新计算后，fullName变了，页面上显示的fullName也发生变化了

//所以现在，在打印firstName和lastName的值，两个值都发生变化了。　　如下图：

 

 

转载于:https://www.cnblogs.com/ytraister/p/10561602.html