title: Bootstrap Tab with VueJS 1.0.28 not working properly while working with Vue 1.0.18
body: <p>I had implemented tab activating based on operation performed and response from backend.</p>
  
  <p>In Html</p>
  
  <pre><code>a.nav-link[data-toggle="tab" href="#answered" role="tab" :class="{ active: isActive('answered') }"
  a.nav-link[data-toggle="tab" href="#all" role="tab" :class="{ active: isActive('all') }"
  </code></pre>
  
  <p>In Js (In a function. after adding answer in <code>all</code> tab, I need to active the <code>answered</code> tab.)</p>
  
  <pre><code>this.questionTab = _.assign({}, this.questionTab, { activeTab: 'answered' })
  </code></pre>
  
  <p>Function <code>isActive</code>.</p>
  
  <pre><code>methods: {
    isActive: function(tab) {
      return this.questionTab.activeTab === tab;
    }
  }
  </code></pre>
  
  <p>The same implementation was working fine with <code>VueJS 1.0.18</code>
  But After updating it to <code>1.0.28</code> it's stopped working.</p>
  
  <p>Basically what I face is once it's have <code>active</code> class, and change value of <code>questionTab.activeTab</code> in js (not by <code>click</code>), it's not removing the <code>active</code> class from other tabs even if the condition return false.</p>
  
  <p>I've tried with <code>v-bind:class="{ active: isActive('all') }"</code> but didn't get success.</p>
  
  <p>Thanks in advance.</p>