nenb example - using vue server-side rendering

source file

Below is a data block, in toml format. It will be used as the data used to create the Vue object. The name attribute is set to myVueData.

message = "this message was generated by data"

Below is an html block with a render attribute set to vue, and a data attribute set to myVueData.

• the render attribute specifies that this block should not be rendered by the usual html renderer, but by the renderer vue-ssr, which will perform server-side rendering with vue server-side rendering.

• the data attribute specifies the name of the data to be used when creating the Vue object

<div id="my-vue-app">
  You're going to love this: {{ message }}
</div>

We've also embedded a css block (not shown) to make the div pretty.