vue項(xiàng)目調(diào)試的三種方法總結(jié)
一、console.log
這個(gè)開始學(xué)就會(huì)，不演示了。重要的是需要養(yǎng)成這樣的能力，代碼出了問題，光看是看不出來問題的。
二、debugger方法
vscode安裝插件，debugger for chrome;
在代碼需要打斷點(diǎn)的位置，寫上debugger(如果安裝eslint可能報(bào)錯(cuò)，這時(shí)鼠標(biāo)移到代碼出現(xiàn)小燈泡，點(diǎn)擊選第一項(xiàng)忽略即可);
npm run serve啟動(dòng)，到了斷點(diǎn)位置瀏覽器會(huì)停下來;
在瀏覽器里使用步進(jìn)開始調(diào)試。
三、vscode里斷點(diǎn)調(diào)試
1. 在需要的位置打斷點(diǎn)(每行行號(hào)前面)；
2. 點(diǎn)擊菜單欄–運(yùn)行–啟動(dòng)調(diào)試，在彈出的框里選chrome，進(jìn)入launch配置，配置好url，再次啟動(dòng)調(diào)試就打開一個(gè)調(diào)試窗口；
3. 操作到我們打斷點(diǎn)的位置，就可以看到vscode代碼運(yùn)行停止到斷點(diǎn)位置，然后我們?cè)龠M(jìn)行自己的代碼調(diào)試。
總結(jié)
到此這篇關(guān)于vue項(xiàng)目調(diào)試的三種方法總結(jié)的文章就介紹到這了,更多相關(guān)vue調(diào)試方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue項(xiàng)目創(chuàng)建步驟及路由router
本文主要給大家分享了vue項(xiàng)目的創(chuàng)建步驟以及vue路由router的相關(guān)知識(shí)點(diǎn)，非常的實(shí)用，有需要的小伙伴可以來參考下2020-01-01
super-vuex是一套用于簡化Vuex的數(shù)據(jù)架構(gòu)。這篇文章主要介紹了淺談super-vuex使用體驗(yàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決
這篇文章主要介紹了vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要給大家介紹了關(guān)于Vue獲取表單數(shù)據(jù)的多種方式,在Vue中我們通常使用v-model命令綁定表單的屬性值(通常是value),獲取到的屬性值就是表單數(shù)據(jù),需要的朋友可以參考下2023-09-09
這篇文章主要介紹了如何本地運(yùn)行vue?dist文件，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
vue+video.js實(shí)現(xiàn)視頻播放列表
這篇文章主要為大家詳細(xì)介紹了vue+video.js實(shí)現(xiàn)視頻播放列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
vscode開發(fā)vue非常好用,因?yàn)橛泻芏嗟牟寮?可以補(bǔ)全語法,或者高亮便于檢查錯(cuò)誤,但我最近發(fā)現(xiàn)我的vscode卻沒有了代碼提示,這篇文章主要給大家介紹了關(guān)于VSCode中書寫Vue無代碼提示該如何解決的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue訪問未定義的路由時(shí)重定向404問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue數(shù)據(jù)驅(qū)動(dòng)模擬實(shí)現(xiàn)1
這篇文章主要介紹了Vue數(shù)據(jù)驅(qū)動(dòng)模擬實(shí)現(xiàn)的相關(guān)資料，允許采用簡潔的模板語法聲明式的將數(shù)據(jù)渲染進(jìn)DOM，且數(shù)據(jù)與DOM綁定在一起，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
在Vue3中,toRaw方法允許用戶獲取響應(yīng)式對(duì)象的原始值,有助于性能優(yōu)化和與外部庫集成,它通過繞過Vue的響應(yīng)式系統(tǒng),僅在必要時(shí)觸發(fā)更新,從而提升效率,本文就來具體介紹一下,感興趣的可以了解一下2024-09-09