title: Conditionally adding a CSS class in Vue
body: <p>Just started with Vue so I can't get this simple thing working. All I'm trying to do is toggle a class based on a condition.  </p>
  
  <pre><code>&lt;button type="button" 
          class="btn dropdown-toggle" 
          v-bind:class="{ btn-default: (search.category != 'all') }"&gt;
      {{ filterCategoryText || 'Category' }}
  &lt;/button&gt;
  </code></pre>