是否有人對 Vue 開發工具中的某個功能有見解或資源？在組件窗格上，它顯示了我的組件，然后是這些紅色和黃色的小方塊，我假設是組件的性能。
當我第一次加載應用程式時，它們不會出現，但是例如我更新了一個文本輸入組件，當用戶輸入一個新值時它會驗證它自己的格式。這會更新 Vuex 存盤和/或計算屬性，但讓我感到困惑的是為什么整個事情都像一棵憤怒的圣誕樹一樣亮起來。不相關的組件顯示這些性能數字。
當我檢查 Vuex 歷史中的突變時，我只更新了一項。
在詢問之前，我盡我所能四處搜索，但找不到任何與此功能相關的內容。Vue 開發工具通常沒有很多好的資源，這有點令人驚訝，因為它們通常有很好的檔案。
uj5u.com熱心網友回復：
Vue DevTools 測量一些組件的生命周期鉤子（包括created、mounted和destroyed）的持續時間。
我無法重現綠色標簽，但我認為這可能是故意隱藏以避免不必要的噪音。
懸停彩色標簽會顯示一個工具提示，其中顯示了相關的生命周期鉤子的名稱：
一個工具提示中可以有多個測量值：
可以通過Global Settings > Performance Monitoring禁用這些標簽（禁用后，您可能需要重新啟動 Vue DevTools 才能清除標簽）：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/448432.html
上一篇：圖片在上傳時不斷更改檔案型別