Capture and visualize computer mouse activity in a heatmap with a Vue ordinance #.\n\nvue-heatmapjs.\nFor statistic objectives (or everything else) you can easily utilize a regulation for Vue.js, vue-heatmapjs, designed to collect and display customer task on a part.\nLive Demo.\nExample.\nYou can easily use NPM or even Yarn to include this plugin to your job.\nnpm put up vue-heatmapjs.\n

or.anecdote incorporate 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 may add the v-heatmap directive to the dom factors you wish to track....You can easily toggle the heatmap on as well as off by passing an articulation right into the directive:....Button Heatmap....
Making use of the directive to a singular nested component:.You may listen for activities through passing an afterAdd method within the plugin possibilities, which are going to enable you to gain access to and also process the occasions caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( information).// you can easily shoot this spine to your analytics hosting server.,. ).A great project readily available on GitHub, aid the author through growing it!