JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<div id="app">
<div
@click="oneClick($event)"
@dblclick="dblClick($event)"
>
Clicky
</div>
<div v-for="res in result" v-text="res">
</div>
</div>
JavaScript
new Vue({
el: '#app',
data: {
result: []
},
mounted: function() {
console.log('mounted');
},
methods: {
oneClick: function(event){
this.result.push(event.type);
console.log(event);
},
dblClick: function(event){
this.result.push(event.type);
console.log(event);
},
}
});