JSFiddle - React, Tailwind, and code Playground

by Federico

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
    <input type="text" v-model.trim.lazy="name">
    <p>You entered: {{ name }}</p>
    <input type="text" v-model.number="age">
    <p>You entered: {{ typeof age }}</p>
    <hr>
    {{ html }}
    <div v-html="html"></div>
    <hr>
    <h1 v-once>{{ movieTitle }}</h1>
    <button v-on:click="movieTitle = 'The Matrix Reloaded'">Change movie title</button>
</div>

JavaScript

new Vue({
    el: '#app',
    data: {
        name: 'Margherita',
        age: 41,
        html: '<h1>Hello world!</h1>',
        movieTitle: 'The Matrix'
    },
    methods: {

    }
});