美文网首页
2019-10-11

2019-10-11

作者: 狼人_sunshine | 来源:发表于2019-10-11 10:28 被阅读0次

vue源码解读(一)

1.Object.defineProperty的深入简出

<html>

    <head>

      <meta charset="utf-8">

      <title>标题</title>

    </head>

    <body>

      <input type="text" id="demo" />

      <div id="xxx"></div>

      <script type="text/javascript">

        const obj = {};

        Object.defineProperty(obj, 'name', {

          set: function(value) {

          console.log(value)

            document.getElementById('xxx').innerHTML = value;

            document.getElementById('demo').value = value;

          }

        });

        document.querySelector('#demo').oninput = function(e) {

          obj.name = e.target.value;

        }

        obj.name = '';

      </script>

    </body>

</html>

相关文章

网友评论

      本文标题:2019-10-11

      本文链接:https://www.haomeiwen.com/subject/qnctmctx.html