Capture as well as envision mouse task in a heatmap along with a Vue instruction #.\n\nvue-heatmapjs.\nFor figure functions (or even everything else) you may use an ordinance for Vue.js, vue-heatmapjs, designed to gather as well as present consumer task on a part.\nLive Demonstration.\nExample.\nYou can make use of NPM or even Anecdote to incorporate this plugin to your task.\nnpm put in vue-heatmapjs.\n

or even.yarn include vue-heatmapjs.Usage.To utilize this plugin bring in it in your main.js.// main.js.bring in Vue from 'vue'.import heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And then you may add the v-heatmap regulation to the dom factors you would like to track....You can easily toggle the heatmap on as well as off by passing an expression right into the regulation:....Button Heatmap....
Making use of the directive to a solitary nested part:.You can easily listen for activities through passing an afterAdd approach within the plugin possibilities, which will definitely allow you to access as well as process the events caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( data) console.log( data).// you may terminate this back to your analytics server.,. ).An awesome venture on call on GitHub, help the author through expanding it!