jquery实现双向数据绑定

2018-09-12  本文已影响0人  forever_bin

用过vue都知道它是双向数据绑定,有没有想它的实现原理? 下来我们就用jquery试试

下面是完整代码

看看效果,首先页面是这样的

当在input框内输入值的时候

改变obj.username的时候

这样就实现了双向绑定了,input框的keyup事件结合Object.defineProperty方法,当defineProperty里面的属性改变的时候会触发set函数,这样就可以了。

上一篇下一篇

猜你喜欢

热点阅读