コンポーネントから返された別の値をバインドする方法

Question

コンポーネント内に同じ子コンポーネントを2回インポートし、子コンポーネントの結果を得るために$emit()および$onを使用しました。今度は、返された値を各コンポーネントにバインドします。私は2としてdimensionAで星をクリックした場合

例えば、dimensionA :: {{dimensionA}}はdimensionA :: 2とdimensionBと同じが表示されます。どんな助け？ここで

は、あなたがあなたの親と子コンポーネント間の結合双方向のデータを必要としてあなたは、小道具を渡すのではなく、v-modelを使用することができますJSFiddle

Answer 1

です。あなたはdocsを見れば、

<input v-model="something"> 

がためだけ糖衣構文である：V-モデルで動作するコンポーネントのためにそう

<input v-bind:value="something" v-on:input="something = $event.target.value"> 

、それがなければなりません：

• は値の小道具を受け入れます
• は、新しい値で入力イベントを発行します

私はあなたのフィドルをこれらの変更で修正しました。見てくださいhere。