vue-让你的组件支持v-model

原文：https://zhuanlan.zhihu.com/p/453112282

　　在定义vue组件时，可以提供一个model属性，用来定义组件以何种方式支持v-model。model本身是有默认值的，如下：

　　

　　也就是说，如果你不定义model属性，或者按照上面的方式定义model属性，当其他人使用你的自定义组件时，v-model='foo'，就等同于 :value="foo" 加上 @input ="foo =$event"。

　　让我们看一个例子：

　　

　　然后我们在父组件中使用：

　　

　　看下效果

　　

　　你的组件就支持v-model了。