1、https://cn.vuejs.org/v2/api/#model
允许一个自定义组件在使用v-model时定制 prop 和 event。默认情况下,一个组件上的v-model会把value用作 prop 且把input用作 event,但是一些输入类型比如单选框和复选框按钮可能想使用valueprop 来达到不同的目的。使用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>
相当于:
:checked="foo" @change="val => { foo = val }" value="some value">