v-bind won't overwrite the property in $props with the same name

[holynewbie]

Vue.js version

2.2.2

Reproduction Link

https://jsfiddle.net/holynewbie/bhbxht0g/

What is Expected?

the result should be

here is aa
here is bb 1

rather than

here is aa
here is bb 0

the might cause some problems in recursive component or dynamic component

[LinusBorg]

This seems like intended behaviour to me: explicitly defined props overwrite losely defined ones.

the might cause some problems in recursive component or dynamic component

Can you expand on that?

[posva]

@LinusBorg The opposite is actually happening 😆

[LinusBorg]

Oh. Right. Anyways, I'm not aware that anything about the v-bind behaviour was changed recently, so it seems that was "indended" - but that would be up to @yyx990803 to answer.

[holynewbie]

@LinusBorg
Just look this simple demo: https://jsfiddle.net/holynewbie/03jskoLm/
if I use v-bind="$props" on the node , it will issue an error of stack overflow.
if there're more props to pass down, it will be very handy with v-bind="$props", but it may cannot stop the recurse or issues some other problem.