上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

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

[复制链接]

159

主题

1105

帖子

618

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
618
发表于 2021-10-6 14:26:43 | 显示全部楼层 | 阅读模式

前文

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

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

原理

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

那到底是怎么做到的?

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

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

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

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

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

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

然后再次更新到模板上。

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

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

结语

撒花~

混的人。

发表回复

本版积分规则

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