李恒道 发表于 2021-10-6 14:26:43

[油猴脚本开发指南]VUE数据绑定的响应原理

# 前文

这节课属于对数据响应机制的探究,属于加强篇

如果有兴趣可以看看,不涉及实际的开发。

# 原理

Vue保证了数据的同步机制,即一旦我们修改了数据,数据发生变化,就会同步投射到模板上

那到底是怎么做到的?

首先会调用函数的data获取到对象

对对象的每个属性创建一个监听器

对我们写的模板需要调用数据的地方创建一个观察器

观察期会将自己添加到监听器的通知对象上并读取目前的值,绘制到模板上

而观察器会劫持数据的读写操作,一旦数据发生了改写,就会将通知监听器。

监听器得到通知,并获取到最新的值

然后再次更新到模板上。

这样就完成了整个消息的通知。

我们完成了数据与模板的绑定以及状态的更新。

# 结语

撒花~

unity韩 发表于 2022-5-11 10:39:21

vue第三篇,理解同步数据
页: [1]
查看完整版本: [油猴脚本开发指南]VUE数据绑定的响应原理