jquery实现双向数据绑定
2018-09-12 本文已影响0人
forever_bin
用过vue都知道它是双向数据绑定,有没有想它的实现原理? 下来我们就用jquery试试
下面是完整代码
看看效果,首先页面是这样的
当在input框内输入值的时候
改变obj.username的时候
这样就实现了双向绑定了,input框的keyup事件结合Object.defineProperty方法,当defineProperty里面的属性改变的时候会触发set函数,这样就可以了。
用过vue都知道它是双向数据绑定,有没有想它的实现原理? 下来我们就用jquery试试
下面是完整代码
看看效果,首先页面是这样的
当在input框内输入值的时候
改变obj.username的时候
这样就实现了双向绑定了,input框的keyup事件结合Object.defineProperty方法,当defineProperty里面的属性改变的时候会触发set函数,这样就可以了。