ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## Vue实现数据双向绑定的原理 vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过`Object.defineProperty()`来劫持各个属性的`setter`,`getter`,在数据变动时发布消息给订阅者,触发相应的监听回调。 ``` var obj = {}; Object.defineProperty(obj, 'name', { get: function() { console.log('我被获取了') return val; }, set: function (newVal) { console.log('我被设置了') } }) obj.name = 'fei';//在给obj设置name属性的时候,触发了set这个方法 var val = obj.name;//在得到obj的name属性,会触发get方法 ```