Vue CLI3 で作成した SPA（Single Page Application）プロジェクト上で、段階的に Vue.js を学んで行きましょう。
今回は Vue.js devtools 編です。
前提事項
コンポーネント編 が完了していること。
Vue.js devtools
Vue での開発で便利なツール Vue.js devtools を紹介します。Chrome ブラウザの拡張機能として提供されています。Chrome ウェブストアからインストールすることができます。
Vue.js devtools（Chrome ウェブストア）
インストールが完了し、Chrome のメニューからデベロッパーツールを表示するとVueのタブが追加されています。
devtools では以下の項目を画面で見ることができます。
- コンポーネント
- ストア（Vuex）
- イベント
- ルーティング
上の画像では前回作成した Todo リスト画面を表示しています。devtools では TodoListItem コンポーネントを閲覧しています。
あとは色々動かして見てみてください。