VueJS obtenir les données d'objet

Ici est un VueJS composant:

<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>

Je veux accéder à la data de la log fonction et d'obtenir un objet (tout comme dans sa déclaration). Je sais que je peux obtenir les données comme ceci :

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

Mais ce que je veux, c'est l'ensemble de données comme un objet (parce que je veux envoyer des données par le biais d'un événement à un composant parent).

Est-il un moyen d'obtenir l'ensemble des données de l'objet à l'intérieur d'une méthode d'un composant?

OriginalL'auteur rap-2-h | 2017-09-07

  1. 17

    Vous pouvez accéder à la composante de l'objet de données à l'aide de this.$data.

    Référence: Lien

    De sorte que la fonction log devrait être comme:

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

    OriginalL'auteur Shubham Patel