Capture as well as imagine computer mouse activity in a heatmap along with a Vue ordinance #.\n\nvue-heatmapjs.\nFor figure purposes (or everything else) you can easily use an ordinance for Vue.js, vue-heatmapjs, created to gather and also feature user task on a component.\nReside Demonstration.\nInstance.\nYou can easily make use of NPM or Yarn to include this plugin to your venture.\nnpm install vue-heatmapjs.\n

or.yarn add vue-heatmapjs.Use.To utilize this plugin bring in it in your main.js.// main.js.bring in Vue from 'vue'.bring in heatmap from 'vue-heatmapjs'.Vue.use( heatmap).And then you can incorporate the v-heatmap ordinance to the dom factors you desire to track....You may toggle the heatmap on and off through passing a phrase in to the directive:....Button Heatmap....
Utilizing the regulation to a solitary nested component:.You can easily pay attention for occasions through passing an afterAdd strategy within the plugin possibilities, which are going to permit you to accessibility and procedure the events captured for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( information) console.log( records).// you can ax this back to your analytics server.,. ).A trendy job readily available on GitHub, help the writer by extending it!