vue js内のデータ値自体へのアクセス

Question

vue.jsの内部でデータ値にどのようにアクセスできますか？

コード：私が得たこの場合

data: function(){ 
    return { 
     foo: 123, 
     bar: this.foo 
    } 
} 

undefined

Answer 1

私が見るいくつかのオプションがあります：あなたはを持って

data: function(){ 
    const data = { 
     foo: 123 
    }; 

    data.bar = data.foo; 

    return data; 
} 

または

data: function(){ 
    const data = { 
     foo: 123 
    }; 

    return { 
     ...data, 
     bar: data.foo 
    }; 
} 

は、はthis.fooのため、オブジェクトのコンテキストではなくfunction(){のコンテキストを参照します。