Vue 自定义 v-model 示例

//  最初写法
// 父级
<SCustomSelect  :list="list" :value="value   />

// 子级 SCustomSelect  js部分
props:['list','value'],
methods:{
    select(i){
        this.$emit('select',i)
    }
}

// 自定义 v-model 写法
// 父级
<SCustomSelect v-model="value"  :list="list"  />

// 子级 SCustomSelect  js部分
model:{
    prop:'value', // 需要双向绑定的 prop
    event:'select' // v-model 触发的事件
},
props:['list','value'],
methods:{
    select(i){
        this.$emit('select',i)
    }
}