Attribute doesn't update if binded to a property called `selected`

[hay]

If you have an element that is binded to an attribute called selected it won't update in the DOM. For example:

<p v-bind:selected="selected">selected is {{selected}}</p>
<button v-on:click="selected = !selected">toggle</button>

Note that the {{selected}} template works fine, and the variable updates as well. It's just the attribute that doesn't update.

Here's a codepen that reproduces the problem: http://codepen.io/hay/pen/mOOrWK

Problem occurs in Vue 2.0.7. This example works fine in 1.0.28.

[yyx990803]

Selected is bound as a property instead of an attribute. <p> tags don't have selected attribute, why would you want to bind that? If you are doing this for styling purposes, you should be using a class instead.

[hay]

This is indeed for styling purposes. But why should you be using a class? Attributes can be styled in CSS, and sometimes they're more useful than classes.

[hay]

Just checked and the patch in the 2.0.8 release fixed this. Thanks so much!