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 用C语言输入方程怎么
- ¥15 网站显示不安全连接问题
- ¥15 github训练的模型参数无法下载
- ¥15 51单片机显示器问题
- ¥20 关于#qt#的问题:Qt代码的移植问题
- ¥50 求图像处理的matlab方案
- ¥50 winform中使用edge的Kiosk模式
- ¥15 关于#python#的问题:功能监听网页
- ¥15 怎么让wx群机器人发送音乐
- ¥15 fesafe材料库问题