$attrs missing property when used with v-model

[dattn]

Version

2.5.16

Reproduction link

https://codesandbox.io/s/106qozol1j

Steps to reproduce

In the component TestA the value is passed as prop => the key value is present in the $attrs variable

In the component TestB the value is passed as v-model => $attrs is empty

What is expected?

The key "value" should be present in $attrs variable

What is actually happening?

$attrs is empty

[posva]

In the component TestA the value is passed as prop => the key value is present in the $attrs variable

If you don't declare a prop, it will always be considered an attr, that's why it's there

In the component TestB the value is passed as v-model => $attrs is empty

v-model extends into a prop, you need to declare the value prop to see it in $props

offtopic: $props should be empty objects instead of undefined to be more consistent with $data, $listeners, $attrs (cc @chrisvfritz )

[dattn]

OK, so i need to change my code a bit :(

But i have some more questions on this topic:

I changed my example, to be more clear.
https://codesandbox.io/s/7o2jjmovv6

The docs say the following:
https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components
v-model behaves the same as the combination of v-on and v-bind.

This is the case when i define the prop, but not when i do not define the prop. Why is there a difference ?

What i want to do is to forward the v-model to a child component with a little as possible of code.
Here an example:
https://codesandbox.io/s/23mm7omk1j
In this example i tried to forward v-model to the "ChildWithModel" component.
When i understand correctly i must add the prop "value to the parent, and create a computed value with the combination of $attrs and that prop ?
Which will result in the following code:
https://codesandbox.io/s/6z33pyq0mn
Is this the only solution ? This is much boilerplate code ....

[posva]

v-model cannot create the prop for you on the child component. You must add a prop named value to a component in order to make it support v-model

[dattn]

So v-model does more than only mapping to v-bind and v-on :(
I will search for another solution.

[posva]

no, that's the point, it only does that. And because it is done outside of the component, it cannot add a prop to the definition of the component it is used on

[dattn]

Then i do not understand, why there is a difference in my first example "Without prop"
https://codesandbox.io/s/7o2jjmovv6
For "Without v-model" i added the v-bind an v-on, on my own.
For "With v-model" i used v-model.
And the result is clearly not the same.

[dattn]

With this change, the behavior is exactely the same as with v-bind and v-on.

[LinusBorg]

@dattn That looks interesting, thanks

/cc @posva I think this could work!

[LinusBorg]

reopening for visibility

[posva]

Yes, this could work, I think it makes it more consistent.