JSFiddle - React, Tailwind, and code Playground

by Federico

HTML

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

<div id="app">
    <p>Title: {{ title }}</p>
    <p>Released: {{ released }}</p>
    <hr>
    <!-- <p>The movie is {{ released > 1999 ? 'new' : 'old' }}.</p> -->
    <p>The movie is {{ isMovieOld(released) }}.</p>
    <hr>
    <div v-bind:title="title">Hover your mouse here!</div>
</div>

JavaScript

new Vue({
    el: '#app',
    data: {
        title: 'The Matrix',
        released: '1999'
    },
    methods: {
        isMovieOld: function(released) {
            if (released > 1999) {
                return 'new';
            } else {
                return 'old';
            }
        }
    }
});