title: Conditionally bind class with Vue.js + Vuetify?
body: <p>I'm trying to conditionally apply the class "xs10" to a v-flex which contains my menu, based on the dimensions of the current screen. I've so far got something like this:</p>
  
  <pre><code>&lt;v-flex v-bind:class="{ xs10: menuSmall}" fluid&gt;
  
  ..data() {
   return {
    menuSmall: this.$vuetify.breakpoint.mdAndUp
   }
  }
  </code></pre>
  
  <p>But it's not working. I'm new to Vue.js + Vuetify but I'm guessing it's because menuSmall is not being re-calculated and re-rendered on every screen resize. Do I need to put it into the 'mounted' life-cycle of my Vue instance to make this work?</p>
  
  <p>Thanks for any help!</p>