Vue調試分析助手

Vue組件探測、統計、分析輔助腳本

目前為 2022-04-27 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
ankvps
評價
0 0 0
版本
0.0.1
建立日期
2022-04-27
更新日期
2022-04-27
尺寸
38.0 KB
授權條款
GPL
腳本執行於
所有網站

# vue debug helper for tampermonkey
Vue组件探测、统计、分析辅助脚本
项目地址:[https://github.com/xxxily/vue-debug-helper](https://github.com/xxxily/vue-debug-helper)

## 特性
* 支持当前激活的组件统计
* 支持对已销毁的组件进行统计
* 支持对对组件存活时间进行统计
* 支持给指定组件或全部组件注入空白数据
* 支持快速查看了解组件的关系链

## 简介

Vue组件探测、统计、分析辅助脚本,主要用于分析当前应用的组件渲染情况和辅助检查组件的内存泄露情况,如果你是简单的vue应用,使用vue devtools 工具开发即可

## 其他说明
- 1、功能基于Vue.mixin,理论上只要支持全局mixin的vue版本都适用
- 2、暂未对vue3进行测试,可能存在异常
- 3、暂不打算对vue1进行兼容

## 快捷键列表
| 快捷键 | 说明 |
| --- | --- |
| shift+alt+a | 全部组件混合统计 |
| shift+alt+l | 当前存活组件统计 |
| shift+alt+d | 已销毁组件统计 |
| shift+alt+c | 清空统计信息 |
| shift+alt+e | 数据注入(dd)或 取消数据注入(undd) |

## 更新日志
* [https://github.com/xxxily/vue-debug-helper/blob/main/changeLog.md](https://github.com/xxxily/vue-debug-helper/blob/main/changeLog.md)

## 给我赞赏
如果我的努力给你带来了便利,请不要吝啬你的赞赏

![如果我的努力给你带来了便利,请不要吝啬你的赞赏](https://cdn.jsdelivr.net/gh/xxxily/h5player@master/donate.png "如果我的努力给你带来了便利,请不要吝啬你的赞赏")