VueJSはここ

Question

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

私は（ちょうどその宣言のように）オブジェクトとしてlog機能からdataにアクセスし、取得したいです。 （私は親コンポーネントにイベントを介してデータを送信したいので）

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

しかし、私はしたいが、オブジェクトとして全体のデータである：私は私はこのようなデータを得ることができます知っています。

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

Answer 1

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

参考：

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

： Link

だから、ログ機能は次のようにする必要があります