Vue组件自定义v-model对prop的值进行双向绑定

用过iview组件的的同学都知道，iview的组件一般有:value的情况下，还会提供v-model进行双向绑定，例如iview的对话框组件（地址），内部原理是怎么实现的呢？今天我们就来一探究竟。

在官方给出的v-model指令中，实际上是:value和@input组合的一个语法糖

<input v-model="inputVal">
// 相当于
<input :value="inputVal" @input="inputVal = $event.target.value">复制代码

接下来我们实现一个简单的例子

// 父组件
<template>
    <Modal v-model=