素材巴巴 > 程序开发 >

vue中异步渲染

程序开发 2023-09-18 13:51:34

今天在知乎遇到一个这样的问题:

 

看到这个问题的时候思考了一下,mounted确实已经加载完DOM,并且完成挂载操作了,为什么在这个地方能够进行渲染呢。

后面想到了vue中的Virtual DOM,应该是渲染完成再通过beforeUdated钩子函数渲染到真实DOM节点上,所以渲染到真实

DOM的时候实际上执行的是一个异步函数,等虚拟DOM都渲染完成之后再通知真实DOM执行回调,这样就能渲染到真实页面上了。

回到本问题,因为mounted还是异步函数中同步执行的过程,所以才能够修改“kkk”数组的值并显示到真实页面中。

补充,假如入官网所说的要修改对象或者数组的属性或者值时,应该采用$set(),splice()方法来改变对象或者数组的某些值,因为

数据在data中已经被劫持了,如果需要修改原data数据的话,需要重新劫持数据,才能在页面正常渲染

 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。