js单纯实现双向绑定

  <input type="text" id="txt">
    <div id="app"></div>
    <script>
        var txt = document.getElementById('txt');
        var app = document.getElementById('app');

        var obj2 = {
            html: '',
        }

        app.innerHTML = obj2.html;

      //Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。


        Object.defineProperty(obj2, 'html', {
            set: function (val) {
                app.innerHTML = val;
            }
        });

        txt.oninput = function () {
            obj2.html = this.value;
        }
    </script>

语法:Object.defineProperty(obj, prop, descriptor)
参数:obj: 要在其上定义属性的对象。 prop:要定义或修改的属性的名称。 descriptor: 将被定义或修改的属性描述符。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容