title: Why is Vue v-bind:class not updating?
body: <p>Updating data property does not update dynamic class.</p>
  
  <p>Have tried setting data property through computed value.</p>
  
  <pre><code>&lt;div class="customize-box" v-on:click="select" v-bind:class="{active: customizeBoxVisible}"&gt;&lt;/div&gt;
  &lt;script&gt;
      export default {
          data() {
              return {
                  isSelected: false
              }
          },
          computed: {
              customizeBoxVisible: {
                  get() {
                      return this.isSelected;
                  },
                  set(value) {
                      this.isSelected = value;
                  }
              }
         },
         methods: {
              select() {
                  this.isSelected = true;
              }
          }
     }
  &lt;/script&gt;
  </code></pre>
  
  <p>Inspecting component data in chrome dev tools shows that customizeBoxVisible is set to true. After toggling isSelected in dev tools, class gets applied.</p>