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