web前端面试官： 如何让你开发的组件支持 v-model

面试官： 如何让你开发的组件支持 v-model

---

组件使用v-model相当于在组件上添加:value @input事件，可以通过model属性自定义设置，与data、props同级

在定义 vue 组件时，你可以提供一个 model 属性，用来定义该组件以何种方式支持 v-model。

model 属性本身是有默认值的，如下：

// 默认的 model 属性

export default {

model: {

prop: ‘value’,

event: ‘input’

}

}

案例：

/*

子组件

*/

我几岁：{{ propsAge }}

<el-button @click=“age(1)”>加

<el-button @click=“age(-1)”>减