Capture as well as envision computer mouse task in a heatmap with a Vue directive #.\n\nvue-heatmapjs.\nFor fact reasons (or just about anything else) you can easily utilize an ordinance for Vue.js, vue-heatmapjs, developed to pick up and present customer activity on a component.\nReside Demonstration.\nExample.\nYou can easily make use of NPM or Anecdote to add this plugin to your project.\nnpm put in vue-heatmapjs.\n

or.anecdote include vue-heatmapjs.Utilization.To use this plugin import it in your main.js.// main.js.import Vue from 'vue'.import heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And then you may include the v-heatmap directive to the dom factors you wish to track....You may toggle the heatmap on as well as off through passing an articulation into the ordinance:....Toggle Heatmap....
Using the ordinance to a singular nested part:.You may listen closely for celebrations by passing an afterAdd approach within the plugin choices, which will certainly enable you to get access to and also method the events recorded for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( data) console.log( data).// you can easily shoot this back to your analytics web server.,. ).A trendy task offered on GitHub, aid the writer by broadening it!