双向绑定原理

最新推荐文章于 2024-04-19 17:30:39 发布

丶夢里啥都有

最新推荐文章于 2024-04-19 17:30:39 发布

阅读量132

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/first_person/article/details/105227061

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

双向绑定

hello，大家好，大家都知道vue双向绑定的原理吗，这次我们就来聊一聊。
Vue是利用Object.defineProperty()里面的set与get方法来实现数据双向绑定的，下面就来了解一下吧。

<body>
  <input type="text" id="int">
  <p id="show_text"></p>
</body>
<script>
  var o = {};
  Object.defineProperty(o, 'txt', {
    get: function() {
      return o;
    },
    set: function(newVal) {
      document.getElementById('int').value = newVal
      document.getElementById('show_text').innerHTML = newVal
    }
  })
  document.getElementById('int').addEventListener('keyup',function(e) {
    o.txt = e.target.value
  })
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

丶夢里啥都有

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
双向绑定原理

双向绑定hello，大家好，大家都知道vue双向绑定的原理吗，这次我们就来聊一聊。Vue是利用Object.defineProperty()里面的set与get方法来实现数据双向绑定的，下面就来了解一下吧。<body> <input type="text" id="int"> <p id="show_text"></p></bo...
复制链接

扫一扫