Vue.js devtools 開發背景
做前端開發的IT工程師應該比較熟悉這款工具,可以邊側邊欄窗格中的頁面,邊檢查代碼。由于vue是數據驅動的,所以這就存在在開發調試中查看DOM結構并不能解析出什么。但是借助vue-devtools插件,我們就可以很容易的對數據結構進行解析和調試。我們今天就來了解一下。
Vue.js devtools使用方法
1.你可以從chrome應用商店里找到Vue.js devtools插件,如果你的chrome應用商店無法打開,你可以在本站的下方找到Vue.js devtools下載地址。其離線安裝方法同:chrome插件的離線安裝方法。最新chrome瀏覽器下載地址:http://www.djfsmith.com/chrome/2017-09/813.html。
2.打開vue項目,在控制臺選擇vue,然后就可以操作組件查看信息變化,
Vue.js devtools Chrome插件注意事項
vue.js devtool插件安裝后無法使用,出現提示“vue.js not detected”的解決辦法
Vue.js devtools插件下載地址
轉載必須注明來自: Chrome插件 ? Vue.js devtools插件