Vue js補間値の合計

Question

Vue jsには、htmlタグ内の2つの補間値を合計する方法はありますか？

例：= 3

<span> {{value1}} + {{value2}}</span> 

値1 = 5 値2だから、そのとりうる2つの値を加算スパンタグにレンダリング第3の値を得るためにかどうかを知りたいです。

Answer 1

この場合、テンプレートの操作でデータを操作する理由はありません。 最良の（そして簡単な）方法は、おそらくあなたのjsコードの値を合計し、別のデータプロパティとしてテンプレートで結果をレンダリングすることです。

あなたがそれを可能にするVueの魔法がありますが。 計算されたプロパティと呼ばれます。 「聞く」別のデータを作成するためのいくつかの依存データ。

https://vuejs.org/v2/guide/computed.html

:)

Answer 2

<span>{{value1 + value2}}</span> 

Answer 3

{{}}あなたが任意のJS実行することができます内側：

は、私は完全にあなたが計算プロパティドキュメントを読んで、それはここで

がリンクで動作を確認することをお勧め実際には、2つの変数の追加を処理するメソッドを作成する必要があります。そのメソッド内では、両方が数値であり、必要に応じて文字列を変換することができます。あるいは、このロジックを計算されたプロパティにすることもできます。