Capture and also picture computer mouse task in a heatmap with a Vue regulation #.\n\nvue-heatmapjs.\nFor figure reasons (or even anything else) you can use an ordinance for Vue.js, vue-heatmapjs, created to collect and present individual task on a component.\nStay Trial.\nInstance.\nYou can easily make use of NPM or Anecdote to incorporate this plugin to your venture.\nnpm install vue-heatmapjs.\n

or even.anecdote incorporate vue-heatmapjs.Utilization.To use this plugin bring in it in your main.js.// main.js.import Vue coming from 'vue'.bring in heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And after that you can easily add the v-heatmap regulation to the dom aspects you intend to track....You can easily toggle the heatmap on and off by passing a phrase in to the instruction:....Toggle Heatmap....
Making use of the directive to a solitary embedded part:.You can easily listen closely for occasions through passing an afterAdd approach within the plugin choices, which will certainly allow you to access and also procedure the events grabbed for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( information).// you can easily terminate this back to your analytics server.,. ).A cool venture on call on GitHub, help the author by extending it!