热门标签
热门文章
- 1基于springboot+vue的房屋租赁系统(前后端分离)_springboot+vue房产中介系统
- 2提高生产力的最佳免费开源终端：WindTerm_开源超级终端工具——windterm
- 3使用CSS画出漂亮的弧线_css 弧线
- 4macOS下SSH远程连接配置小白教程 (客户端 & PyCharm)_mac pycharm环境配置 ssh
- 5基于卷积神经网络的手写数字识别 Matlab 实现_matlab卷积神经网络手写数字识别
- 6从单体事务到分布式事务_tcc和tac
- 7【面试精讲】Java动态代理是如何实现的？JDK Proxy 和 CGLib 有什么区别？
- 8git在commit提交时报：On branch master Changes not staged for commit_$ git commit -m '第一阶段' on branch main changes not
- 9(转载)robots.txt写法大全和robots.txt语法的作用
- 10LeetCode第30题：Substring with Concatenation of All Words（C++图文详解）_leetcode 30
当前位置: article > 正文
VUE数据响应_vue 获取页面加载的时间
作者：AllinToyou | 2024-03-18 00:52:33
赞
踩
vue 获取页面加载的时间
响应式数据目的：
当对象本身（如增加属性，删除属性）或对象属性（如修改属性值）发生变化时，能够监听的到，进而执行一些函数。最常见的就是render函数
响应式数据的简单原理：
先用Object.defindproperty将普通对象变成响应式对象。render函数中会使用到一些数据（如h(“h1”, this.age（读取对象属性）)）,触发getter函数， 此时该函数会通知watcher观察者记录依赖（某个render函数使用该数据），当数据发生变化时，触发setter函数，此时该函数也会通知watcher，观察者就会去查询该属性依赖的render函数，然后执行该render函数生成新的虚拟dom树，之后通过diff算法对比新旧两棵树，进而修改真实dom树的某一处
响应式数据的复杂原理：
<
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/259187
推荐阅读
相关标签
