Capture as well as imagine mouse activity in a heatmap along with a Vue directive #.\n\nvue-heatmapjs.\nFor fact objectives (or anything else) you can make use of a regulation for Vue.js, vue-heatmapjs, designed to gather as well as present individual task on an element.\nReside Demo.\nInstance.\nYou may utilize NPM or even Anecdote to add this plugin to your job.\nnpm set up vue-heatmapjs.\n

or even.anecdote include vue-heatmapjs.Usage.To utilize this plugin bring in it in your main.js.// main.js.bring in Vue from 'vue'.import heatmap coming from 'vue-heatmapjs'.Vue.use( heatmap).And afterwards you can incorporate the v-heatmap ordinance to the dom factors you intend to track....You may toggle the heatmap on as well as off by passing an expression in to the directive:....Toggle Heatmap....
Making use of the regulation to a single nested element:.You can easily pay attention for events by passing an afterAdd method within the plugin alternatives, which will permit you to access and also process the occasions caught for the heatmap:.// main.js.Vue.use( heatmap, afterAdd( records) console.log( data).// you can easily terminate this back to your analytics server.,. ).An amazing job on call on GitHub, assist the writer through extending it!