Nuxt.jsで作られたサイトのdataをブラウザのコンソールから確認したい

Question

Nuxt.jsで作成したサイトがありビルドしてサーバーで動かしています。

これをブラウザのデベロッパーツールのコンソールで変数の状態を確認したいと思っています。
Nuxtのインスタンスの取得は下記のようにできるのはわかるのですが、この先がわかりません。

this.$nuxt

例えば、

export default {
  data: function() {
    return {
      title: "これはタイトルです",
    };
  }
};

となっている時にtitleオブジェクトを取得して値を取得したり変更して見ることが出来るようになりたいです。

Answer 1

マウントタイミングやウォッチャーでconsoleに出力すれば確認できますが、公式のデベロッパーツールを使うことをオススメします。
Vue.js devtools - Chrome ウェブストア

Comments

[soo]

ありがとうございます。
こちらに書かれている方法も合わせて参考にすることで解決できました。
https://qiita.com/POPOPON/items/60010faae1eb4e4e67ac