JSFiddle - React, Tailwind, and code Playground

by ashhaq12345

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo">
    <div @mouseover="mouseOver" @mouseout="mouseOver">Hover over me!</div>
    <p v-show="active">Show</p>
</div>

JavaScript

var demo = new Vue({
    el: '#demo',
    data: {
        active: false
    },
    methods: {
        mouseOver: function(){
            this.active = !this.active;   
        }
    }
});