Vue.js 2 Web Development Projects

Render functions

Vue uses a virtual DOM implementation that consists of a tree of elements with JavaScript objects. It then applies the virtual DOM to the real browser DOM by computing the differences between the two. This helps avoid DOM operations as much as possible since they are usually the main performance bottleneck.

Actually, when you use templates, Vue will compile them into render functions. If you need the full power and flexibility of JavaScript, you can directly write the render functions yourself, or write JSX, which will be discussed later.

A render function returns a small part of that tree, that is specific to its component. It uses the createElement method, which is passed as the first argument.

By convention, h is an alias ...