Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<template> <div> <!-- Text interpolation --> <p>{{ message }}</p> <!-- Raw HTML --> <p v-html="rawHtml"></p> <!-- Attribute binding --> <a :href="url">Visit Link</a> <button :disabled="isDisabled">Click</button> <!-- Conditional --> <p v-if="isVisible">Visible!</p> <p v-else>Hidden!</p> <!-- Loop --> <ul> <li v-for="item in items" :key="item.id"> {{ item.name }} </li> </ul> </div> </template>
Result
Open