Capture and picture computer mouse activity in a heatmap along with a Vue regulation #.\n\nvue-heatmapjs.\nFor figure reasons (or anything else) you may utilize a regulation for Vue.js, vue-heatmapjs, made to accumulate and present consumer activity on a component.\nReside Demo.\nInstance.\nYou may use NPM or even Yarn to include this plugin to your job.\nnpm put in vue-heatmapjs.\n

or.yarn add vue-heatmapjs.Utilization.To utilize this plugin bring in it in your main.js.// main.js.bring in Vue coming from 'vue'.bring in heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And afterwards you may add the v-heatmap instruction to the dom aspects you want to track....You can toggle the heatmap on and also off through passing an articulation into the directive:....Button Heatmap....
Using the directive to a solitary embedded part:.You may listen closely for events through passing an afterAdd technique within the plugin options, which will definitely allow you to gain access to as well as method the activities caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( records).// you can shoot this back to your analytics server.,. ).A great project accessible on GitHub, help the writer through growing it!