Render Functions

Table of Contents

• When to Use
• When NOT to Use
• Instructions
• Details
• Source

Vue recommends for us to use templates (i.e. the <template></template> syntax) to construct the markup of our Vue components. However, we're also given the opportunity to directly use something known as render functions to build the markup of our components as well.

Vue, at build time, takes the templates we create for our components and compiles them to render functions. It's at these compiled render functions, where Vue builds a virtual representation of nodes that make up the virtual DOM.

When to Use

• Use this when you need complex dynamic rendering logic that's hard to express with template directives
• This is helpful for component library development where flexibility and low-level control are needed