随笔 - 10  文章 - 1  评论 - 0  阅读 - 12329

vue2的响应式原理

响应式的话,主要指的是这个状态改变以后,视图要去主动更新

这个过程,vue是通过两个步骤来实现的

  • 1 数据的劫持

数据劫持也叫做数据拦截,通过Object.defineProperty来把对象中的每一个属性转成setter,getter。那这样的话,在修改对应的属性的时候,就能够去触发这个setter,这样就可以知道哪个属性改变了。

  • 2 依赖收集

就是在渲染视图的时候,要将这个观察者(watcher)和具体的属性结合起来,然后通过发布订阅的模式,这样数据的改变就能够更加精准的去更新到视图上。

posted on   xiaobailang  阅读(400)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示