vue中异步渲染
程序开发
2023-09-18 13:51:34
今天在知乎遇到一个这样的问题:
看到这个问题的时候思考了一下,mounted确实已经加载完DOM,并且完成挂载操作了,为什么在这个地方能够进行渲染呢。
后面想到了vue中的Virtual DOM,应该是渲染完成再通过beforeUdated钩子函数渲染到真实DOM节点上,所以渲染到真实
DOM的时候实际上执行的是一个异步函数,等虚拟DOM都渲染完成之后再通知真实DOM执行回调,这样就能渲染到真实页面上了。
回到本问题,因为mounted还是异步函数中同步执行的过程,所以才能够修改“kkk”数组的值并显示到真实页面中。
补充,假如入官网所说的要修改对象或者数组的属性或者值时,应该采用$set(),splice()方法来改变对象或者数组的某些值,因为
数据在data中已经被劫持了,如果需要修改原data数据的话,需要重新劫持数据,才能在页面正常渲染
标签:
上一篇:
ERROR in ./node_modules/ng-zorro-antd/src/ng-zorro-antd.less (./node_modules/raw-loader!./node_modul
下一篇:
相关文章
-
无相关信息