面试题 v-model的双向绑定
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了面试题 v-model的双向绑定相关的知识，希望对你有一定的参考价值。
参考技术A 原理一个组件上的v-model默认会利用名为value的props和名为input的事件，但是像单选框复选框等类型的输入控件可能会将valueattribute用于不同目的，model选项可以用来避免这样冲突
v-model相当于写两件事情
1.:value="user.username"
2.监听组件的事件,获取他的值 @input="user.username $event.target.value" 这是model等价写法
model默认input是一个元素，event是一个原生event。绑定value等于一个东西，然后@input让东西等于 $event.target.value 可以实现绑定一个变量，在变量变化的时候，ui变化。用户改变ui的时候，数据也会变化
v-on:input="???" 分两种情况
原生input就是 "xxx=$event.target.value"
自定义组件： "xxx=$event"
以上是关于面试题 v-model的双向绑定的主要内容，如果未能解决你的问题，请参考以下文章