<elInput v-model="inputData"/>
相当于
<elInput :inputValue="inputData" @setValue="val => inputData=val"/>
在elInput中可以通过modal来设置要传给组件的属性和方法的名字
elInput.vue组件内容:
<template>
<div>
<input :value="inputValue" @input="setInput" />
</div>
</template>
<script>
export default {
model: {
prop: ‘inputValue‘,
event: ‘setValue‘
},
props: {
inputValue: {
type: String,
default: ‘‘
}
},
methods: {
setInput(e) {
this.$emit(‘setValue‘, e.target.value)
}
}
}
</script>
因此可以看出v-modal是一个的语法糖
原文：https://www.cnblogs.com/wangxirui/p/12669115.html