Clarify v-model in the docs

[yamsellem]

What problem does this feature solve?

On multiple occasions, the docs clearly stated that "v-model on a component uses value as the prop and input as the event" (here and there) but this is not true.

• on input[type=text] and textarea, v-model uses value as the prop and input as the event
• on input[type=radio] and input[type=checkbox], v-model uses checked as the prop and input as the event
• on select, v-model uses value as the prop and change as the event

More relevant issues related to this:

• dynamic input value with radio buttons don't work in IE11 #8379
• <select @input="..."> doesn't work in IE11 but works with v-model #4701

May you please consider detailing for each control (input, radio, checkbox, select, etc) what is the role of v-model? This would be of great help!

What does the proposed API look like?

--

[yyx990803]

1. This is not a feature request to Vue core, it should be submitted to the docs repo: https://github.com/vuejs/vuejs.org

2. The doc stated that "v-model on a component uses value as the prop and input as the event". <input> is not a component, it is a native element. This means the two sections you linked to explicitly do not apply to <input>. Relevant usage of v-model on native elements is properly covered here.

3. The issues you linked to seems to be irrelevant to how v-model is documented.