v-model在自定义组件中的使用

前段时间出来面试,有一个面试老师问我v-model是什么,我回答说其实是组件里props中的value的值和往父组件$emit事件input的语法糖实现。




一般能够说出这个说明整体对vue的使用已经达到了熟悉的级别,本以为回答完这些后关于v-model的问题算是完满结束了,没成想面试老师神秘的微微一笑,问出了下面的问题:

如果你的自定义组件里value属性被占用了的话,如何实现v-model的功能?

听到这个问题我立马黑人问号脸!

这种问题没法顾左右而言它,只能老老实实说木鸡啊。

现在面试虽然结束了,但问题并没有结束!如何在自定义组件中value被占用的情况下实现v-model的功能?这问题只要一有闲暇便会浮现出来,看来是必须解决了!

老规矩,翻vue官档,每次看文档的时候总会有一种以前看的假文档的错觉,在表单输入绑定这块,翻出了一些关于v-model的内容。

基础用法

你可以用 v-model 指令在表单