vue model屬性

1、https://cn.vuejs.org/v2/api/#model

允許一個自定義組件在使用 v-model 時定制 prop 和 event。默認情況下，一個組件上的 v-model 會把 value 用作 prop 且把 input 用作 event，但是一些輸入類型比如單選框和復選框按鈕可能想使用 value prop 來達到不同的目的。使用 model 選項可以回避這些情況產生的沖突。

2、示例

Vue.component('my-checkbox', { model: { prop: 'checked', event: 'change' }, props: { // this allows using the `value` prop for a different purpose
 value: String, // use `checked` as the prop which take the place of `value`
 checked: { type: Number, default: 0 } }, // ...
})

<my-checkbox v-model="foo" value="some value"></my-checkbox>

相當於：

<my-checkbox :checked="foo" @change="val => { foo = val }" value="some value">
</my-checkbox>