<h3 dir="auto">Vue.js version</h3>
<p dir="auto">1.0.19</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto">Example using v1.0.19 (not working as expected)<br>
<a href="https://jsfiddle.net/ps6vrun1/1/" rel="nofollow">https://jsfiddle.net/ps6vrun1/1/</a></p>
<p dir="auto">Example using v1.0.18 (working as expected)<br>
<a href="https://jsfiddle.net/jhapcwy1/1/" rel="nofollow">https://jsfiddle.net/jhapcwy1/1/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Add a class to an element, and also a binding which will toggle the class<br>
<code class="notranslate">&lt;div class="loader" :class="{'loader': hasClass}"&gt;</code></p>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">class <code class="notranslate">loader</code> should be removed when <code class="notranslate">hasClass</code> is <code class="notranslate">false</code></p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">class <code class="notranslate">loader</code> remains on the div when <code class="notranslate">hasClass</code> is <code class="notranslate">false</code></p>
<p dir="auto">When using an object in a v-bind:class ,classes are not removed from the element :</p>
<p dir="auto"><a href="https://jsfiddle.net/arasharg/tLef7wfh/" rel="nofollow">https://jsfiddle.net/arasharg/tLef7wfh/</a></p>