Capture as well as picture mouse activity in a heatmap with a Vue directive #.\n\nvue-heatmapjs.\nFor figure reasons (or everything else) you may utilize a regulation for Vue.js, vue-heatmapjs, made to accumulate and also present consumer activity on a component.\nStay Demonstration.\nExample.\nYou can easily make use of NPM or even Yarn to incorporate this plugin to your job.\nnpm put in vue-heatmapjs.\n

or even.yarn add vue-heatmapjs.Use.To use this plugin import it in your main.js.// main.js.import Vue coming from 'vue'.import heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And afterwards you can easily incorporate the v-heatmap regulation to the dom elements you wish to track....You can toggle the heatmap on and also off by passing a phrase in to the instruction:....Toggle Heatmap....
Using the regulation to a solitary nested component:.You can listen for occasions through passing an afterAdd method within the plugin choices, which will definitely enable you to access as well as procedure the celebrations captured for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( information).// you may terminate this spine to your analytics web server.,. ).A great project offered on GitHub, assist the author by broadening it!