Vue.jsルート変数

Question

私はcryptocurrenciesの購入のために私自身のディレクトリに取り組んでいます。

私はAPIを介してBTC、ETH、LTCの価格を取得しています。その後、それぞれの払い出されたコインのコンポーネントを作成したので、現在の価格（ownedCoins * currentPrice）を計算します。私の$ルートでそう

私が持っている{ETH：324.233、BTC：2211.43、LTC：41.341}私はそれを計算したい場所

ここ

は次のとおりです。

self.eur = response.data.sum[0].quantity * this.$root.ltc; 

をしかし、私はこれを作りたいです動的なので、私がしたいのは、動的変数を作成することです。次のようなものがあります：self.eur = response.data.sum[0].quantity * this.$root.{this.coinName};

どうすればいいですか？

Answer 1

VueJSドキュメントのState Management部分を読んでから、Vuex docs.をチェックアウトします。データストアがさらに複雑になっても、サンプルコードで管理する方法は圧倒的になります。

Answer 2

あなたの質問はvueとは関係ありませんが、単純なjavascriptです。ドット表記やブラケット記法（私は配列表記それを呼び出す）を使用して、あなたは2つの方法がありますJavaScriptでオブジェクト変数にアクセスするには：

const car = { wheels: 4, seats: 5, horsepower: 145 }; 

console.log(car.wheels); 
console.log(car['wheels']); //same result 

をそう

this.$root[this.coinName]; 

あなたが探している結果が得られます。