Vue devtools

Vue には専用のブラウザ向け開発者ツールが用意されています。

Vue を使った開発において、consoleにログを出したりしなくても、componentの状態を確認したり、Vuex や Event、Routingといった主要な動きを専用のパネルで見ることが可能です。また、Performanceについてのレポートを確認することもできるので、大規模案件では必須になるでしょう。

値を見るだけでなく、コンポーネントのdataの値や、Vuex の保持しているデータの中身をさっと書き換えてみるということが可能です。

https://github.com/vuejs/vue-devtools

• Chrome Extension
• Firefox Addon

Chrome / Firefox 以外の環境向けには Electron製の独立した devtool があります。