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

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

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>

相當(dāng)于：

? :checked="foo"? @change="val => { foo = val }"? value="some value">