Chrome ブラウザー
に vue-devtools をオンラインでインストールする
Vue 2.x デバッグ ツール:
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
Vue 3.x デバッグ ツール:
https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg
注: vue2 と vue3 のブラウザー デバッグ ツールを併用することはできません。
ステップ
1. クロム ブラウザを開きます
2. 右上隅をクリックして拡張機能を選択します
3. 開店
4. 検索ビュー
5. 適切なバージョンを選択します
6. [追加] を選択します
7.正常に追加されました
8. 構成の詳細
9. 今後、ブラウザで vue ファイルを開き、F12 を押して vue オプションを使用します。