Go back to Examples

v-prerender

Versoly Attributes - Advanced

v-prerender is used for SEO while still wanting to add interactivity such as filtering to the element on the live site. 

                <!-- Code Editor -->
<template v-for="post in posts" v-prerender="">
    <h1 v-html="post.name"></h1>
</template>

<!-- Published Code -->
<template v-for="post in posts">
    <h1 v-html="post.name"></h1>
</template>
<h1 v-prerender="">Post 1</h1>
<h1 v-prerender="">Post 2</h1>
<h1 v-prerender="">Post 3</h1>
Prism v-once