input和span标签模拟双向数据绑定——最简单的方法

input和span标签模拟双向数据绑定——最简单的方法
以上方法通过设置 input元素的value值/span元素的innerText值,以及监听input元素的input输入事件,进行双向数据绑定,问题在于:如果在控制台中直接修改obj.text的值,则页面不会发生改变,也就是并没有完全实现双向数据绑定。
此时就需要借用Object.defineproperty(对象名称,属性名,配置);
此时的配置中有两个函数,一个是get用于获取对象属性名的属性值,一个是set用于设置对象的属性值。
input和span标签模拟双向数据绑定——最简单的方法