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无用
悬赏问题
- ¥15 metadata提取的PDF元数据,如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
- ¥15 Windows11, backspace, enter, space键失灵