在繼續未來的課程前，先跟大家介紹一個我們常用的Chrome Extension：「Vue.js devtools 」（免費的喔！），我們可以在瀏覽器透過他來監控vue裡面的數據庫。
首先打開在Chrome裡面的擴充功能
按下左上角的按鈕
點選「開啟Chrome線上應用程式商店」
接著在搜尋列搜尋Vue，然後點選「加到Chrome」
接著透過瀏覽器打開有透過Vue建置的頁面後按下F12，打開DevTools，會發現多了一個Vue的頁籤
打開之後可以發現他能夠顯示目前透過vue所管理的數據，也可以按下編輯來修改，藉以觀看頁面上的變化
之後的案例中，我們也會透過這項擴充功能來輔助範例的說明，同時這也是在開發專案上除錯的好工具喔！
iThome鐵人賽
看影片追技術