web-dev-qa-db-ja.com

VueJSはデータをオブジェクトとして取得します

VueJSコンポーネントは次のとおりです。

<template>
  <a @click="log">click me<a>
</template>

<script>
  export default {
    data() {
      return {
        a: "a",
        b: "something",
        foo: { bar: "baz" },
        // etc.
      }
    },
    methods: {
      log() {
        // console.log( data ); 
        // ???
      }
    }
  }
</script>

data関数からlogにアクセスし、オブジェクトとして取得します（その宣言と同じように）。私はこのようなデータを取得できることを知っています：

log() {
  console.log( this.a );
  console.log( this.b );
  console.log( this.foo );
}

しかし、私が欲しいのはオブジェクトとしてのデータ全体です（イベントを介して親コンポーネントにデータを送信するため）。

コンポーネントのメソッド内でデータオブジェクト全体を取得する方法はありますか？

javascriptvue.jsvuejs2vue-component
14
rap-2-h

this.$dataを使用して、現在のコンポーネントのデータオブジェクトにアクセスできます。

参照： リンク

したがって、ログ関数は次のようになります。

log() {
  console.log(this.$data.a);
  console.log(this.$data.b);
  console.log(this.$data.foo);
}
24
Shubham Patel