Capture and envision mouse activity in a heatmap along with a Vue regulation #.\n\nvue-heatmapjs.\nFor statistic functions (or even anything else) you can make use of a directive for Vue.js, vue-heatmapjs, developed to pick up and show individual activity on an element.\nStay Trial.\nInstance.\nYou may utilize NPM or even Anecdote to add this plugin to your project.\nnpm put up vue-heatmapjs.\n

or even.anecdote include vue-heatmapjs.Usage.To use this plugin import 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 include the v-heatmap ordinance to the dom elements you desire to track....You may toggle the heatmap on as well as off by passing a phrase right into the instruction:....Toggle Heatmap....
Making use of the regulation to a singular embedded component:.You can easily pay attention for events through passing an afterAdd method within the plugin choices, which will allow you to access and also method the events caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( records).// you may fire this back to your analytics server.,. ).A great job readily available on GitHub, assist the author through growing it!