<h3 dir="auto">Vue.js version</h3>
<p dir="auto">2.0.5</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto"><a href="https://jsfiddle.net/e2c6y887/2/" rel="nofollow">https://jsfiddle.net/e2c6y887/2/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Click on 'test2'</p>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">Test1 link should not have 'active' class and thus no red color.<br>
The reason I'd want to combine class and v-bind:class (with both 'active' class) is, that the initial active class is added by JSP code and the second by Vue. If I don't have this initial class logic, the button gets the 'Vue active class' to late which causes a not very nice jump in the page.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Both test1 and test2 have 'active' class and are 'red'.<br>
When clicking 'test1' again, and inspect the element, 'test1' have 2 'active' classes instead of one.</p>
<p dir="auto">With Vue1 it works a bit different: <a href="https://jsfiddle.net/pfu2dw3j/1/" rel="nofollow">https://jsfiddle.net/pfu2dw3j/1/</a><br>
When clicking 'test2' both links have 'active' class. When clicking test 1 and test 2 again, it works correct from that point.</p>
<p dir="auto">Do I use it wrong, or is it a bug?</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.5.16</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/1jz3wrfc/" rel="nofollow">https://jsfiddle.net/1jz3wrfc/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">iterate a slot.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">I want to be able to use a separator slot in a v-for iteration.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">[Vue warn]: Duplicate presence of slot "separator"</p>