疑问:beforeUpdate执行后就已经完成了数据更新及DOM渲染

来源:2-3 理解 Vue 中的生命周期函数(2)

xjqgo

2021-07-04

图片描述

写回答

3回答

weixin_慕尼黑2291373

2021-08-05

beforeUpdated()在执行的时候,数据的确得到了更新,但是页面还没有被重新渲染,所以你打印出来的是数据,而DOM还没有被渲染,updated()执行后,DOM才被重新渲染,你这个输出语句console.log(document.getElementById('root'))打印出来的是一样的,因为数据已经更新,你试试在后面加上innerHTML,就会发现DOM重新渲染前后的区别

1
1
xjqgo
非常感谢!
2021-08-07
共1条回复

Dell

2021-07-06

beforeUpdate 你获取内部节点的内容,不可能渲染完成的

0
1
xjqgo
你看我的代码和输出结果就是已经完成渲染的,所以很奇怪哦
2021-07-06
共1条回复

有没有没被占用的昵称

2021-07-06

确实是这样的,渲染前执行beforeUpdate,然后执行render渲染,渲染完了执行updated

0
0

Vue3入门与项目实战 掌握完整知识体系

明星讲师DELL亲授,全方位知识点+高匹配度项目,入门到深度掌握

3382 学习 · 1454 问题

查看课程