【Vue】双向绑定今天的最后以vue双向绑定结束今天的复习。

今天的最后以vue双向绑定结束今天的复习。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
   

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

<script>
    let input = document.getElementById("input");
    let text = document.getElementById("text");
    let data = { value: "" };
    Object.defineProperty(data, "value", {
    set: function(val) {
    text.innerHTML = val;
    input.value = val;
  },
  get: function() {
    return input.value;
  }
});
input.onkeyup = function(e) {
  data.value = e.target.value;
};


</script>

    
</body>

</html>

来源于牛客老哥 www.nowcoder.com/discuss/174…