Vue3之v-model

使用

用过vue的我们应该都知道,v-model可以在组件上使用以实现双向绑定。



// 上面的代码其实是等价于如下这段代码的

但是如果我们需要在自定义组件上面使用v-model该如何处理呢?





// 通过上面就可以实现组件的v-model

修饰符

我们都知道v-model有内置的修饰符,比如.lazy,.trim,.number,只需要使用时v-model.lazy即可,如果我们需要自定义修饰符该如何处理呢?



// MyComponent.vue



多v-model绑定

个人觉得,这个在项目中使用到的场景不多,可以了解一下

// UserName.vue


上面自定义了一个组件,我们在父组件中使用一下:




代码示意图

你可能感兴趣的:(Vue3之v-model)