JSFiddle - React, Tailwind, and code Playground

HTML

<div class="logMe" data-log-id="345345345">Log User</div>
...
<div id="events"></div>

JavaScript

new Vue({
   el: '#events',
   mounted() {
      $('.logMe').on('click', function() {
           const data = $(this).data('log-id');
           this.logData(data); // throws logData is not defined
      });
   },
   methods: {
      logData(id) {
         alert(id); // never fires
         // ... hit server
      },
   },
});