Vue.js是以操作資料為主軸，因此開發中需要觀察當時資料是否如預期。
以往透過console印出物件讀狀態，比較沒效率。
透過瀏覽器開發者工具下中斷點，觀察變數狀態亦可。
官方提供Vue專屬除錯工具 - vue-devtools，
這篇將介紹這Chrome Extension的使用方法。
Github / Chrome Extension Download
vue-devtools太容易取得狀態，甚至修改。
若是太容易讓人知道裡面在幹麻，例如訂單狀態和參數，上線自己也抖抖的吧？
Vue有幾個設定，可關閉開發協助。
/* 關閉vue-devtools */
Vue.config.devtools = false;
/* 關閉錯誤警告 */
Vue.config.debug = false;
整合編譯工具讓上述設定自動切換，參考Kuro大的文章
iThome鐵人賽
看影片追技術