詳解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è)置--->擴(kuò)展程序--》勾選開發(fā)者模式---》添加工程中的shells-->chrome的內(nèi)容或者直接拖動(dòng)shells-->chrome，至此恭喜已經(jīng)安裝成功！?。?/p>
5.打開自己的vue項(xiàng)目中，如果是有vue-cli構(gòu)建的項(xiàng)目，執(zhí)行npm run dev,打開http://localhost:8080/ 服務(wù)器調(diào)試地址；至此完成devtools的安裝；
使用
打開vue項(xiàng)目,在控制臺(tái)選擇vue：
5.可操作組件查看信息變化(例如分頁(yè)組件)選擇第一頁(yè)：
選擇最后一頁(yè)：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vuex數(shù)據(jù)的存儲(chǔ)與獲取方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
Element 的 el-table 表格實(shí)現(xiàn)單元格合并功能
這篇文章主要介紹了Element 的 el-table 表格實(shí)現(xiàn)單元格合并功能,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-07-07
詳解vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot
本篇文章給大家通過代碼實(shí)例分析了vue.js數(shù)據(jù)傳遞以及數(shù)據(jù)分發(fā)slot的相關(guān)知識(shí)，有這方面興趣的朋友參考下吧。2018-01-01
今天小編就為大家分享一篇vue 強(qiáng)制組件重新渲染(重置)的兩種方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10
Vue 兩個(gè)字段聯(lián)合校驗(yàn)之修改密碼功能的實(shí)現(xiàn)
本文以校驗(yàn)兩次密碼的一致性應(yīng)用，給出兩個(gè)可變屬性值的字段之間的聯(lián)合校驗(yàn)的典型解決方案，通過實(shí)例代碼給大家介紹Vue 兩個(gè)字段聯(lián)合校驗(yàn)之修改密碼功能的實(shí)現(xiàn)，需要的朋友一起看看吧2021-07-07
vue.draggable實(shí)現(xiàn)表格拖拽排序效果
這篇文章主要為大家詳細(xì)介紹了vue.draggable實(shí)現(xiàn)表格拖拽排序效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
vue 表單驗(yàn)證按鈕事件交由父組件觸發(fā)的方法
這篇文章主要介紹了vue 表單驗(yàn)證按鈕事件交由父組件觸發(fā)的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
這篇文章主要介紹了使用webpack搭建vue環(huán)境的教程,本文通過實(shí)例的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細(xì)介紹了vue如何安裝使用Quill富文本編輯器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-09-09
vue實(shí)現(xiàn)鼠標(biāo)滑動(dòng)展示tab欄切換
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)鼠標(biāo)滑動(dòng)展示tab欄切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04