产品简介
vue-heatmapjs 是一个 Vue.js 指令插件，用于收集和显示用户在组件上的点击和滚动活动热图。它能帮助开发者分析用户交互行为，适合需要监控前端用户行为的 Vue 开发者和数据团队。
核心功能
- 通过 v-heatmap 指令收集用户活动数据
- 通过 v-scrollmap 指令收集滚动位置数据
- 支持动态切换热图显示
- 提供事件监听和回调机制
- 支持暂停和恢复数据收集
- 允许预加载已有热图数据
快速开始
- 使用 npm 或 yarn 安装插件：npm install vue-heatmapjs
- 在项目入口文件（如 main.js）中导入插件并注册：Vue.use(heatmap)
- 在 Vue 组件中添加 v-heatmap 或 v-scrollmap 指令到目标 DOM 元素
- 通过指令参数控制显示或监听事件，如 v-heatmap="show"
界面预览
与其他方案对比
| 对比项 | 本工具 | 同类商业软件 | 在线服务 |
|---|---|---|---|
| 费用 | 开源免费 | 通常收费或含广告 | 可能有订阅或上传限制 |
| 隐私 | 本地运行，数据自持 | 依赖厂商政策 | 需上传数据到服务器 |
| 可定制性 | 源码开放，社区活跃 | 受限于官方功能 | 功能固定 |
适合谁用
- 前端开发工程师，需要监控用户在网页上的点击和滚动交互
- 数据分析师，需要可视化用户活动数据以优化产品设计
- 产品经理，需要了解用户使用习惯以改进界面体验
下载与版本
当前最新版本为 v1.0.2，发布于 2017-11-30。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/BrockReece/vue-heatmapjs