Capture and visualize computer mouse activity in a heatmap along with a Vue instruction #.\n\nvue-heatmapjs.\nFor statistic reasons (or even everything else) you may utilize an instruction for Vue.js, vue-heatmapjs, developed to collect and also display customer activity on an element.\nLive Demonstration.\nInstance.\nYou can easily utilize NPM or Anecdote to add this plugin to your task.\nnpm install vue-heatmapjs.\n

or.anecdote include vue-heatmapjs.Usage.To utilize this plugin bring in it in your main.js.// main.js.bring in Vue from 'vue'.import heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And then you may include the v-heatmap ordinance to the dom factors you wish to track....You may toggle the heatmap on and off through passing a phrase into the directive:....Button Heatmap....
Making use of the regulation to a single embedded part:.You can easily listen for activities through passing an afterAdd strategy within the plugin options, which will permit you to get access to and procedure the occasions grabbed for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( data).// you can fire this spine to your analytics hosting server.,. ).A great job on call on GitHub, help the author by growing it!