javascript for mvvm

一朵红杏

于 2017-04-02 23:40:27 发布

阅读量1k

点赞数 1

文章标签： javascript mvvm vue

本文链接：https://blog.youkuaiyun.com/java_goodstudy/article/details/68955147

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>mvvm</title>
        <input id="name"  type="text" value="demo" onchange="nameChange(this)">
</head>
<body>
<script>

    //set http://www.cnblogs.com/qiyebao/p/4028129.html
    //https://segmentfault.com/a/1190000006599500
    {
        let ele = $(`name`);
        let obj = {};
        //operate outside attribute
        Object.defineProperty(obj,'bind',{
            _bind:ele.value,
            set:function (val) {
                this._bind=val;
               ele.value=val;
            },
            get:function () {
                return this._bind;
            }
        })

        function nameChange(e) {
            obj.bind=e.value;
            console.log(obj.bind);
        }

        function $(id) {
            if(!id)
                throw `attribute should not be empty`;
            return document.getElementById(`${id}`);
        }
        window.obj=obj;
    }
</script>
</body>
</html>