javascript - Vue的计算属性底层依赖原理是怎么样？

问题描述

假如计算属性

var vm = new Vue({ data: { a: ’hi’, b:’buu’, c: ’zzz’ }, computed: { example: { return this.a + this.b } }})

属性 a 和 b 假如变化的话，那么计算属性会响应式的做出改变。 这种机制是怎么实现的？如何得知里面的 a 和 b 变化的呢？

问题解答

谢邀。

不了解VUE，但是这种属性值的改变就像其他语言中引用和值得区别。举例：

假如a引用的地址是0xaaa0，而0xaaa0装载的值是’hi0’改变a引用的地址是0xaaa1，而0xaaa1装载的值是’hi1’那么获取a的时候，值则改变。

看一下vue文档的深入响应那部分