v-model在组件上使用

自定义事件也可以用于创建支持 v-model 的自定义输入组件。

常见的v-model的用法

我们常用的v-model其实就是下面这种写法的语法糖

v-model在组件上使用_第1张图片

当用在组件上时,v-model 则会这样:

v-model在组件上使用_第2张图片

        为了让它正常工作,这个组件内的 必须:将其 value 特性绑定到一个名叫 value 的 prop 上在其 input 事件被触发时,将新的值通过自定义的 input 事件抛出写成代码之后是这样的:

v-model在组件上使用_第3张图片

现在 v-model 就应该可以在这个组件上完美地工作起来了:

你可能感兴趣的:(v-model在组件上使用)