vue的响应式原理的一些困惑？

Question

为什么使用 Object.defineProperty 可以把这些data选项的所有属性全部转为 getter/setter?

Answer 1

function bindAccessors (vm, key, binding) {
    Object.defineProperty(vm, key, {
        get: function () {
            return binding.value;
        },
        set: function (value) {
            binding.value = value;
            binding.directives.forEach(function (directive) {
                directive.update(
                    directive.el,
                    value,
                    directive.argument,
                    directive,
                    vm,
                    key
                )
            })
        }
    })
}

Answer 2

关于Object.defineProperty 你可以看这里 https://developer.mozilla.org...