title: How to apply v-once to v-bind:class in vue.js?
body: <p>In vue, I have</p>
  
  <pre><code>&lt;button v-bind:class="['mdc-tab', {'mdc-tab--active' : index===tabs.currentTab}]"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>however, this binds it to the variables <code>tabs.currentTab</code>. However the <code>mdc</code> framework already switches tab classes, so I only need the above to render initially. Something like using <code>v-once</code>. However <code>v-once:class</code> doesn't work. How can I do this?</p>
  
  <p>Thanks</p>