LoginSignup
1
0

More than 5 years have passed since last update.

vueで設定した内容を見る方法

Last updated at Posted at 2018-08-31

結論

this.$options以下に設定内容の全てがオブジェクトで入っているので、それにアクセスするだけです。

<script>
export default {
  // カスタムオプションを入れる
  customOptions: ['a', 'b'],
  beforeCreate() {
    // 以下で見ることができる
    console.log(this.$option.customOptions);
  }
};
</script>

つまづくところ

確かにこれで見ることができますが、console.logでthis.$optionを見ようとすると設定した内容がなくて困ってしまいます。
スクリーンショット 2018-08-31 14.28.51.png

一見なさそうに見えますが、実は__proto__以下に入っていました。key名がマッチしない時は自動で__proto__以下も検索するため、ここのものが呼ばれていると思います。普段設定している内容もここで見ることができます。
スクリーンショット 2018-08-31 14.27.11.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0