Capture and also imagine mouse task in a heatmap along with a Vue regulation #.\n\nvue-heatmapjs.\nFor fact reasons (or even everything else) you may utilize an ordinance for Vue.js, vue-heatmapjs, developed to accumulate and also show individual activity on an element.\nStay Trial.\nExample.\nYou may utilize NPM or Anecdote to add this plugin to your task.\nnpm put up vue-heatmapjs.\n

or.yarn add vue-heatmapjs.Usage.To utilize this plugin import it in your main.js.// main.js.bring in Vue from 'vue'.bring in heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And after that you can include the v-heatmap ordinance to the dom components you intend to track....You can toggle the heatmap on and off through passing an articulation right into the ordinance:....Button Heatmap....
Using the ordinance to a solitary embedded component:.You can pay attention for activities through passing an afterAdd strategy within the plugin alternatives, which will permit you to access as well as process the occasions grabbed for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( data) console.log( data).// you may ax this spine to your analytics web server.,. ).A cool project accessible on GitHub, assist the author through extending it!