用过vue都知道它是双向数据绑定,有没有想它的实现原理? 下来我们就用jquery试试
下面是完整代码
看看效果,首先页面是这样的
当在input框内输入值的时候
改变obj.username的时候
这样就实现了双向绑定了,input框的keyup事件结合Object.defineProperty方法,当defineProperty里面的属性改变的时候会触发set函数,这样就可以了。
用过vue都知道它是双向数据绑定,有没有想它的实现原理? 下来我们就用jquery试试
下面是完整代码
看看效果,首先页面是这样的
当在input框内输入值的时候
改变obj.username的时候
这样就实现了双向绑定了,input框的keyup事件结合Object.defineProperty方法,当defineProperty里面的属性改变的时候会触发set函数,这样就可以了。
本文标题:jquery实现双向数据绑定
本文链接:https://www.haomeiwen.com/subject/suzmgftx.html
网友评论