Vue3新增的两个生命周期分析解释【onRenderTracked()状态跟踪和onRenderTriggered() 状态触发】
创始人
2025-05-29 04:27:15
onRenderTracked() 状态跟踪是什么？
是一个状态跟踪，他会跟踪页面上所有的方法跟变量，也就是对我们return返回的属性和方法进行跟踪
作用
当页面有一个update的时候，会生成一个event对象，通过event对象查看代码/程序的问题所在
演示代码
{{ num }}
总结：刷新浏览器后，浏览器打印出就可以看到属性key，对应的就是num这个属性名
onRenderTriggered() 状态触发是什么？
状态触发，他不会跟踪每一个值，而是跟踪发生变化值得信息，并且新值和旧值都会给你展示出来
作用
可以展示变化值的信息，old和new的值
代码演示
{{ num }}
key:那边变量发生了变化
newValue:更新后的变量
oldValue:更新前的变量
target:目前页面中的响应变量或函数
get：依赖收集
set：依赖更新
相关内容
热门资讯
中国诗歌春晚总导演盛赞蔡洪坊美...
中国诗歌春晚总导演盛赞蔡洪坊美酒是诗意名酒 本网讯 12月10日上午，中国诗歌春晚总策划、总导演，...
低温酸奶行业健康升级与性价比并...
一、低温酸奶健康属性日益凸显，占酸奶市场的比重持续提升 低温酸奶以牛奶和乳酸菌为原料，通过杀菌后接种...
隔夜了的餐饮，还能吃吗（2）
对于熟食在烹饪完成以后，或者是在进餐的过程中，筷子等餐具上的一些细菌会进入到剩菜，在餐食留置和保存的...
超10000家门店的蜜雪冰城，...
巨头，又带头卷起来了。 近日，蜜雪冰城在杭州、西安、大连等多个城市试点早餐业务，主要搭配，是一款奶制...
游客称景区演员被冻成“冰雕”：...
近日，河南多地下雪，一游客在开封万岁山武侠城游玩时，发现雪地里一座关羽的“冰雕”，走近才发现是一位正...