橘猫敲代码 2022-09-07 20:33 采纳率: 65.7%
浏览 37
已结题

vue双向数据绑定原理

vue的双向数据绑定是同步的还是异步的,我的简单理解,vue双向数据绑定的原理是数据改变影响视图,视图改变影响数据,用数据劫持结合发布者订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。那么它的数据绑定也是同步执行的。但是不确定。

  • 写回答

2条回答 默认 最新

  • hfhan_872914334 2022-09-08 09:21
    关注

    拿数据修改视图来说,数据修改后,会调用数据的setter,在setter中调用dep.notify()通知所有监听了该数据的Watcher,遍历所有Watcher,调用update函数,在这个函数里,如果Watcher设置了sync(三大类型Watcher暂无)会直接运行Watcher.run,这就是同步执行,如果没有设置sync,会调用queueWatcher把当前Watcher追加到队列中,延迟调用,这么做是为了提高性能,可以过滤重复的Watcher,可以把多次修改带来的更新进行合并。

    所以,双向数据绑定带来的试图更新和数据更新是异步的。比如修改了input的值,在input事件中获取到的值和v-modal绑定的值是不一样的,v-modal值会晚于input事件更新

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 9月17日
  • 已采纳回答 9月9日
  • 创建了问题 9月7日

悬赏问题

  • ¥30 电脑误删了手机的照片怎么恢复?
  • ¥15 (标签-python|关键词-char)
  • ¥15 python+selenium,在新增时弹出了一个输入框
  • ¥15 苹果验机结果的api接口哪里有??单次调用1毛钱及以下。
  • ¥20 学生成绩管理系统设计
  • ¥15 来一个cc穿盾脚本开发者
  • ¥15 CST2023安装报错
  • ¥15 使用diffusionbert生成文字 结果是PAD和UNK怎么办
  • ¥15 有人懂怎么做大模型的客服系统吗?卡住了卡住了
  • ¥20 firefly-rk3399上启动卡住了