Vue雙向綁定原理

時間 2019-12-05

標籤 vue 雙向綁定原理简体版

原文原文鏈接

<!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>
複製代碼