Capture and also picture computer mouse activity in a heatmap along with a Vue directive #.\n\nvue-heatmapjs.\nFor statistic functions (or everything else) you can easily utilize an instruction for Vue.js, vue-heatmapjs, created to collect and also show consumer task on an element.\nLive Demonstration.\nInstance.\nYou can easily make use of NPM or even Anecdote to include this plugin to your task.\nnpm mount vue-heatmapjs.\n

or.anecdote add vue-heatmapjs.Use.To use this plugin bring in it in your main.js.// main.js.bring in Vue coming from 'vue'.import heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And then you can easily add the v-heatmap regulation to the dom components you desire to track....You can easily toggle the heatmap on as well as off through passing a phrase in to the ordinance:....Button Heatmap....
Utilizing the regulation to a single embedded component:.You can easily pay attention for celebrations by passing an afterAdd technique within the plugin choices, which are going to enable you to access and process the celebrations grabbed for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( information).// you can terminate this spine to your analytics hosting server.,. ).A cool task readily available on GitHub, help the author by growing it!