Vue双向绑定原理

最新推荐文章于 2024-10-18 17:51:23 发布

weixin_33802505

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量75

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5ce27ab5e51d4510803ce316

版权

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Vue双向绑定原理</title>
</head>
<body>

  <input>
  <p id="p"></p>

  <script>
    var obj = {}
    Object.defineProperty(obj, 'txt', {
      get: function () {
        return obj
      },
      set: function (newValue) {
        document.getElementById('p').innerHTML = newValue
      }
    })
    document.addEventListener('keyup', function (e) {
      obj.txt = e.target.value
    })
  </script>
  
</body>
</html>
复制代码