詳解vue.js的devtools安裝
安裝
1.github下載地址:https://github.com/vuejs/vue-devtools
2.下載好后進(jìn)入vue-devtools-master工程 執(zhí)行npm install ----->npm run build.
3.修改manifest.json 中的persistent為true
4.打開谷歌瀏覽器設(shè)置--->擴展程序--》勾選開發(fā)者模式---》添加工程中的shells-->chrome的內(nèi)容或者直接拖動shells-->chrome,至此恭喜已經(jīng)安裝成功?。?!
5.打開自己的vue項目中,如果是有vue-cli構(gòu)建的項目,執(zhí)行npm run dev,打開http://localhost:8080/ 服務(wù)器調(diào)試地址;至此完成devtools的安裝;
使用
打開vue項目,在控制臺選擇vue:
5.可操作組件查看信息變化(例如分頁組件)選擇第一頁:
選擇最后一頁:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Element 的 el-table 表格實現(xiàn)單元格合并功能
這篇文章主要介紹了Element 的 el-table 表格實現(xiàn)單元格合并功能,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-07-07詳解vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot
本篇文章給大家通過代碼實例分析了vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot的相關(guān)知識,有這方面興趣的朋友參考下吧。2018-01-01Vue 兩個字段聯(lián)合校驗之修改密碼功能的實現(xiàn)
本文以校驗兩次密碼的一致性應(yīng)用,給出兩個可變屬性值的字段之間的聯(lián)合校驗的典型解決方案,通過實例代碼給大家介紹Vue 兩個字段聯(lián)合校驗之修改密碼功能的實現(xiàn),需要的朋友一起看看吧2021-07-07