Rendering

When it comes to rendering, there are two important ways to reference data from within your template.

Using object properties

You have already learned that you can assign data to tags or sections by passing an object to the renderer that has a property with the same name.

Elements.render('{{message}}', {message: 'Hello, World!'});

Using the local context

You can also assign the entire passed data using the local context represented by a single dot (.) as tag name.

Elements.render('{{.}}', 'Hello, World!');