v-bind shorthand for equal property and attribute name

What problem does this feature solve?

Sometimes we’re binding attributes to the props that have exactly the same name. So we could simplify v-bind:attr="attr" or :attr="attr" to just this: :attr.

What does the proposed API look like?

<Component :attr />

Equals to

<Component :attr="attr" />

Equals to

<Component v-bind:attr="attr" />

[leopiccionia]

With ES6 syntax, you can write:

<Component v-bind="{ foo, bar, baz}" />

That’s equivalent to:

<Component :foo="foo" :bar="bar" :baz="baz" />

More details on Vue API docs.

[Mouvedia]

@leopiccionia can you handle camelcase to kebabcase conversion automatically ?