Capture and picture computer mouse task in a heatmap along with a Vue instruction #.\n\nvue-heatmapjs.\nFor statistic objectives (or even anything else) you can make use of a directive for Vue.js, vue-heatmapjs, designed to accumulate and also present user task on an element.\nReside Demonstration.\nExample.\nYou may use NPM or Yarn to add this plugin to your task.\nnpm mount vue-heatmapjs.\n

or even.yarn add vue-heatmapjs.Usage.To utilize this plugin bring in it in your main.js.// main.js.bring in Vue from 'vue'.bring in heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And after that you can easily include the v-heatmap directive to the dom factors you want to track....You can easily toggle the heatmap on and off by passing a phrase right into the instruction:....Button Heatmap....
Utilizing the directive to a solitary embedded element:.You can easily pay attention for celebrations through passing an afterAdd strategy within the plugin options, which will permit you to gain access to and also process the activities grabbed for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( data) console.log( data).// you can shoot this spine to your analytics web server.,. ).A trendy venture accessible on GitHub, assist the author through broadening it!