Capture as well as imagine computer mouse activity in a heatmap with a Vue directive #.\n\nvue-heatmapjs.\nFor fact functions (or everything else) you can use a regulation for Vue.js, vue-heatmapjs, developed to accumulate and also present user task on a part.\nStay Trial.\nExample.\nYou can make use of NPM or Anecdote to include this plugin to your venture.\nnpm set up vue-heatmapjs.\n

or even.yarn incorporate vue-heatmapjs.Consumption.To use this plugin import it in your main.js.// main.js.import Vue coming from 'vue'.bring in heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And afterwards you may include the v-heatmap regulation to the dom aspects you would like to track....You may toggle the heatmap on and also off by passing an articulation right into the directive:....Toggle Heatmap....
Making use of the directive to a solitary embedded element:.You can listen closely for events by passing an afterAdd method within the plugin possibilities, which will certainly permit you to access and method the events caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( data).// you can shoot this spine to your analytics hosting server.,. ).A great job accessible on GitHub, help the writer by broadening it!