Capture and also imagine mouse task in a heatmap along with a Vue directive #.\n\nvue-heatmapjs.\nFor figure purposes (or just about anything else) you can easily use a directive for Vue.js, vue-heatmapjs, designed to pick up and show customer activity on a part.\nLive Demonstration.\nExample.\nYou may use NPM or even Yarn to add this plugin to your job.\nnpm set up vue-heatmapjs.\n

or.yarn include vue-heatmapjs.Utilization.To use this plugin bring in it in your main.js.// main.js.import Vue from 'vue'.bring in heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And after that you may incorporate the v-heatmap ordinance to the dom aspects you wish to track....You can easily toggle the heatmap on as well as off by passing an expression into the directive:....Button Heatmap....
Using the instruction to a singular embedded component:.You can easily listen closely for occasions by passing an afterAdd approach within the plugin alternatives, which are going to permit you to gain access to and procedure the events recorded for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( records).// you can easily fire this spine to your analytics web server.,. ).An awesome job accessible on GitHub, help the author by expanding it!