JSFiddle - React, Tailwind, and code Playground

by ChangJoo Park

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>

<div id="app">
  <div class="box"></div>
  {{counter}}
</div>

CSS

.box {
  width: 100px;
  height: 100px;
  background-color: tomato;
}

JavaScript

new Vue({
	el: '#app',
  mounted: function () {
  	var box = document.querySelector('.box');
    box.addEventListener('mouseenter', function () {
    	this.counter++;
    }.bind(this));
  },
  data: function () {
  	return {
    	counter: 0
		}
	}
})