Capture and visualize mouse activity in a heatmap along with a Vue regulation #.\n\nvue-heatmapjs.\nFor statistic reasons (or even anything else) you may make use of a directive for Vue.js, vue-heatmapjs, developed to pick up and feature individual task on a part.\nLive Demo.\nInstance.\nYou may utilize NPM or even Anecdote to include this plugin to your job.\nnpm set up vue-heatmapjs.\n

or even.anecdote add vue-heatmapjs.Utilization.To use 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 after that you may add the v-heatmap directive to the dom components you want to track....You may toggle the heatmap on as well as off by passing an articulation in to the directive:....Toggle Heatmap....
Making use of the ordinance to a singular nested component:.You can easily listen for events through passing an afterAdd method within the plugin choices, which will allow you to gain access to and method the celebrations captured for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( records).// you can easily fire this back to your analytics web server.,. ).An awesome venture offered on GitHub, assist the author through extending it!