Vue.js Devtools插件是一款用于調(diào)試Vue.js應(yīng)用程序的瀏覽器擴(kuò)展工具，支持Chrome和Firefox的DevTools，通常被稱(chēng)為vue調(diào)試工具。它允許開(kāi)發(fā)者在瀏覽器開(kāi)發(fā)者工具中通過(guò)側(cè)邊欄窗格實(shí)時(shí)檢查頁(yè)面和調(diào)試代碼，特別是針對(duì)Vue的數(shù)據(jù)驅(qū)動(dòng)特性，可輕松解析和調(diào)試數(shù)據(jù)結(jié)構(gòu)，實(shí)現(xiàn)DOM與數(shù)據(jù)的自動(dòng)綁定與同步，從而無(wú)需手動(dòng)操作DOM即可提升開(kāi)發(fā)效率，歡迎有需要的用戶(hù)下載使用。

Vue.js Devtools插件安裝教程

以搜狗高速瀏覽器為例：

1、點(diǎn)擊右上角的三條杠圖標(biāo)，點(diǎn)擊底部的【選項(xiàng)】。

2、選擇【擴(kuò)展管理】，點(diǎn)擊【獲取更多擴(kuò)展】。

3、將需要安裝的插件拖到瀏覽器內(nèi)，勾選【我信任此擴(kuò)展文件】，點(diǎn)擊【驗(yàn)證并安裝】。

4、安裝完成，用戶(hù)點(diǎn)擊即可使用。

功能介紹

1、上手簡(jiǎn)單

在用戶(hù)已經(jīng)了解HTML，CSS和JavaScript的情況下，閱讀指南后即可立即開(kāi)始構(gòu)建。

2、功能多樣

漸進(jìn)式的生態(tài)系統(tǒng)，在圖書(shū)館和功能全面的框架之間進(jìn)行擴(kuò)展。

3、演示優(yōu)化

20KB min+gzip運(yùn)行，快速虛擬DOM，最少的優(yōu)化工作。

Vue.js devtools插件還可以看到它們最后的更新時(shí)間，如果它們有自己的主頁(yè)，還可以對(duì)它們進(jìn)行分類(lèi)和其他更多的功能。