Rendering process

1. Parse the template as the render function (or in the development environment, vue-loader)

2, trigger response, listen for the data property getter setter

Render vnode patch (elem, vnode)

The update process

1. Modify data to fire the setter (previously listened on in the getter)

2. Re-execute the render function to generate newVnode

Patch (vnode, newVnode)

Vue components are rendered asynchronously

Vue updates the DOM asynchronously. As long as it listens for data changes, Vue opens a queue and buffers all data changes that occur in the same event loop. If the same watcher is triggered more than once, it will only be pushed into the queue once. This removal of duplicate data while buffering is important to avoid unnecessary computation and DOM manipulation.