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

发布时间 2023-08-02 15:17:30作者: Alice&Black

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

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

  

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

  让我们看一个例子:

  

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

  

  看下效果

  

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