VueJ는 데이터를 개체로 가져옵니다.

VueJ는 데이터를 개체로 가져옵니다.

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 );
}

그러나 원하는 것은 전체 데이터를 개체로 만드는 것입니다(이벤트를 통해 상위 구성요소로 데이터를 보내고 싶기 때문입니다).

컴포넌트 메서드 내에서 데이터 객체 전체를 취득할 수 있는 방법이 있습니까?

다음을 사용하여 현재 구성 요소의 데이터 개체에 액세스할 수 있습니다.this.$data.

레퍼런스: 링크

따라서 로그 기능은 다음과 같습니다.

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

데이터 객체 전체를 다음과 같이 반환해야 합니다.

log() {
  console.log(this.$data);
}

언급URL : https://stackoverflow.com/questions/46091418/vuejs-get-data-as-object