Capture as well as imagine computer mouse task in a heatmap along with a Vue instruction #.\n\nvue-heatmapjs.\nFor statistic purposes (or anything else) you can easily utilize an instruction for Vue.js, vue-heatmapjs, made to collect and feature consumer task on a component.\nStay Demo.\nInstance.\nYou may use NPM or even Yarn to incorporate this plugin to your task.\nnpm mount vue-heatmapjs.\n

or even.yarn add vue-heatmapjs.Usage.To use this plugin import it in your main.js.// main.js.import Vue from 'vue'.bring in heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And after that you can easily include the v-heatmap ordinance to the dom components you intend to track....You can toggle the heatmap on as well as off through passing an articulation into the instruction:....Button Heatmap....
Using the regulation to a singular nested part:.You can pay attention for occasions by passing an afterAdd technique within the plugin options, which will permit you to get access to and also procedure the activities recorded for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( data) console.log( records).// you can easily fire this back to your analytics web server.,. ).An amazing venture readily available on GitHub, assist the author through extending it!