计算属性的作用(计算属性的用法)

导语：什么是计算属性？计算属性的原理是是什么？如何实现一个计算属性

核心是Object.defineProperty()方法。

我们的源数据对象，方便起见，只有研究一个属性：

我们的计算方法computA：仅仅是+1，越简单越好......

实现一个构造函数A,对data属性进行劫持：（核心）

测试，实例化A构造函数，然后分别get，set测试：

总结：①对数据data劫持；

②读取/获取属性的值时，触发get函数，收集/订阅数据依赖的函数；

③修改属性的值时，全部执行一次②中订阅的函数。(因为一个页面可能很多个地方用到了这个数据，比如A地方是function(){return data.a+1; },B地方是function(){return data.a+10;}等，反正页面中用到了data.a的地方，都更新一下。)

本文内容由小曲整理编辑！