vue.js備忘録、第二弾。
誰かの参考になれば幸いです。
Vue.js devtoolsとは
Vueのデバッグを行う際に非常に便利な拡張機能です。
コンポーネント構造を直感的操作で確認出来て、プロパティーの中身も見る事が出来ます。
導入方法は非常に簡単でこちらからダウンロードしてくるだけです。
正しい動き
検証でデベロッパーツールを開き、Vueタブが表示されていればOK
Vueタブが表示されないパターン①
「ファイルの URL へのアクセスを許可する」がオフになっている場合はオンにしてみましょ。
Vueタブが表示されないパターン②
当たり前ですが、productionモードでは表示されないです。
開発モードで検証しましょう。
Vueタブが表示されないパターン③
ここまで見てもVueタブが出てきてくれなかったら、キャッシュを疑いましょう。
NetworkタブのDisable cacheにチェックを入れて再読み込みして改善するか確認しましょう。
これで大体解決出来るはずですm(__)m