Vue data driver: how to realize local real-time update of data changes to the view

Posted Jun 28, 20201 min read

image.png
When render re-renders the associated components, a new vdom is generated, and the vdom is compared with the previous dom, and then only the changed part is updated.
At this point, the data monitoring is implemented to re-render vdom, and the real-time partial update to the dom.

In addition, supplement the redrawing rearrangement and vdom related knowledge:

image.png