總結一下vue調試的方法


  1、最推薦使用的是vue的chrome插件:

  2、平時開發中常用到的調試代碼:console.log()、alert();此外還有console.error()這個我用的比較少,感覺跟console.log()差不多,就是控制台的字是紅色的;還有一個debugger,這個寫在代碼中,使用chrome,運行到這一行,會直接在這里打斷點;

  3、vm實例,這個其實在前面的文章中,我有使用過,就是將vue實例賦給一個變量,然后在控制台之間變量名點里面的屬性就可以直接修改或者訪問了,像我之前用的myApp.data.students,就可以直接訪問實例名稱為myApp的data里為students的數據了;

  4、window對象綁定,這個我沒用使用過,方法就是在mounted生命周期里面,將vue實例綁定到window全局變量上window.vue = this,然后在控制台運行window.vue.add();其實就是直接運行vue實例里的add()方法啦:

mounted: {
      window.vue = this;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM