vue数据双向绑定的实现原理？

Question

object类型的数据是通过object.defineProperty来监测的链接描述
那么如果是其他类型的呢？比如string或者Number

Answer 1

你连接的文章中已经说明了，会实现一个observer来劫持vue的data值，而VUE的data的值是可以为任意数据类型的
看以下defineReactive：

walk: function(data) {
        var self = this;
        //这里是通过对一个对象进行遍历，对这个对象的所有属性都进行监听
        Object.keys(data).forEach(function(key) {
            self.defineReactive(data, key, data[key]);
        });
    },

注意：这里是通过对一个对象进行遍历，对这个对象的所有属性都进行监听
这里的对象在VUE中指的是data

Answer 2

你的不同的数据类型都是在object里面

参考博客: https://blog.csdn.net/qq_4285...

Answer 3

无论什么类型不都是在data对象里吗

Answer 4

walk的data还真不是vue的data，vue的data在state.js#L151中。
如果data是Object/Array则递归。
core/instance/state.js#L151
core/observer/index.js#L156