jquery实现双向数据绑定

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

下面是完整代码


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


当在input框内输入值的时候


改变obj.username的时候


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

你可能感兴趣的:(jquery实现双向数据绑定)