2017-06-01 16 views
3

データで計算されたプロパティを使用する方法、またはバス経由で出力する方法はありますか?Vuejsのデータで計算されたプロパティを使用

私は以下のvueインスタンスを持っていますが、myComputedは常に未定義ですが、computedDataは正しく動作しています。

var vm = new Vue({ 
    data(){ 
    return{ 
     myComputed: this.computedData 
    } 
    }, 

    computed: { 
    computedData(){ 
     return 'Hello World' 
    } 
    } 
}) 
+0

なぜこれが必要ですか?あなたは 'this.myComputed'にアクセスするのと同じ方法でいつでも' this.computedData'にアクセスすることができます – jfadich

+0

これで動作しません。 computedData、それは未定義です。 –

+1

私が意味することは、データにアクセスするのとまったく同じ方法で計算されたプロパティにアクセスできるので、何をしようとする必要がないということです。 – jfadich

答えて

2

あなたが別のコンポーネントに変更を発するようにしたいか、通知したい変数の多くはそこにいる場合を除き、その後、あなたがする必要があり、ちょうどウォッチャーで仕事をする、できるだけシンプルなものを作るためにVuexまたはイベントバスを使用してください:

var vm = new Vue({ 
    data(){ 
    return{ 
     myComputed: '', 
     computedData: 'Hello World' 
    } 
    }, 
    created() { 
    this.myComputed = this.computedData; 
    }, 
    watch: { 
    computedData() { 
     this.myComputed = this.computedData; 
    } 
    } 
}); 
関連する問題