vue双向绑定原理

最新推荐文章于 2025-02-28 22:05:10 发布

沙鑫741

最新推荐文章于 2025-02-28 22:05:10 发布

阅读量592

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue双向绑定原理双向绑定

本文链接：https://blog.youkuaiyun.com/weixin_38641550/article/details/84551178

vue 专栏收录该内容

17 篇文章

订阅专栏

vue 双向绑定是基于 js的defineProperty来实现的通过这个属性来set 值，然后下面的我就几把看不懂了 MMP

<body>
		<input type="text" id="input" />
		<script>
			const data = {};
			const input = document.getElementById('input');
			Object.defineProperty(data, 'text', {
				//				get(value){
				//					console.log('get')
				//					console.log(value)
				//				},
				set(value) {
					console.log(this)
					input.value = value;
					this.value = value;
				}
			});

			input.oninput = function(e) {
				data.text = e.target.value;
				console.log(data)
				console.log(this.value)
			}
		</script>
	</body>