如何使用v-model代替v-bind？

Question

这是一个有效的自定义组件： http://procbits.com/2011/08/18/using-mongoid-with-rspec

 <myselect :option="cnt" ></myselect>

以上代码有效，现在如何将其更改为v-model？以下代码无效：

  <myselect v-model="cnt"></myselect>

在这种情况下如何使用v-model？感谢。

Answer 1

来自documentation：

<input v-model="something">

只是语法糖：

<input :value="something" @input="something = $event.target.value">

在您的小提琴中，您仍然引用option属性，但该组件不再具有属性。您需要引用value属性以获取cnt的初始值，然后发出input事件以更新用作模型的cnt var。 https://jsfiddle.net/4yavj0en/2/