Vue.js devtools插件是在開發(fā)過程當(dāng)中經(jīng)常使用到的一款調(diào)試類型的插件，能夠輔助開發(fā)者在網(wǎng)頁端來完成多種調(diào)試方面的內(nèi)容，具備多種工具能夠輔助你完成日常當(dāng)中網(wǎng)頁上面的開發(fā)，從而滿足用戶對(duì)于開發(fā)的需求，快來西西下載這款Vue.js devtools插件！

Vue.js devtools插件

用于調(diào)試Vue.js應(yīng)用程序的瀏覽器DevTools擴(kuò)展。

用于調(diào)試Vue.js應(yīng)用程序的Chrome devtools擴(kuò)展。

軟件功能

你會(huì)在Chrome DevTools中得到兩個(gè)新標(biāo)簽。"⚛️ Components "和"⚛️ Profiler"。

組件標(biāo)簽顯示了在頁面上渲染的根React組件，以及它們最終渲染的子組件。

通過選擇樹中的一個(gè)組件，你可以在右邊的面板中檢查和編輯其當(dāng)前的道具和狀態(tài)。在面包屑中，你可以檢查所選的組件、創(chuàng)建它的組件、創(chuàng)建那個(gè)組件的組件，依此類推。

如果你使用常規(guī)的Elements標(biāo)簽檢查頁面上的一個(gè)React元素，然后切換到React標(biāo)簽，該元素將在React樹中被自動(dòng)選中。