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

                )

            })

        }

    })

}