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; }