怎样实现双向数据绑定(口试题)

开发者 2024-9-23 01:28:44 47 0 来自 中国
怎样实现双向数据绑定(口试题)

实现双向绑定的方式有两种:

  • Object.definedProperty( )【vue2利用的Object.definedProperty( ),举行对象监听】
  • Proxy(署理对象)【vue3之后,就利用Proxy来实现】
通过以上两种方式来实现,简单来说就是对数据的劫持,当访问或修改某个对象的属性的时间,通过这两种方式举行拦截,再进一步操纵,返回结果。
1.利用Object.defineProperty()实现数据双向绑定:


  • 数据 -> 视图  Object.defineProperty劫持对象属性的值改变, set方法里影响视图
  • 视图 -> 数据  监测input/change事故, 把值赋给变量
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-10-18 20:21, Processed in 0.142364 second(s), 32 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表