Templates and Dynamic Interpolations

At this stage, our instance has all the data it needs, but it won’t be able to render anything without a template. Let’s look at how to create one. So, now we have our Vue instance, we’ve given it some data, and we’ve told it which part of the page it should be looking at for its template. How do we render our data?

Interpolations

Interpolations are the way that we insert dynamic values into a template. We use the curly brace syntax (aka the Mustache syntax) to output primitive values from our instance data, such as numbers and strings: