title: Computed property not updating from Vuex store object
body: <p>I have a bunch of class binding statements:</p>
  
  <pre><code>:class="{active: isActive('status', status.id)}"
  </code></pre>
  
  <p>Here's the method referred to above:</p>
  
  <pre><code>isActive: function (param, value) {
      if (!this.activeFilters.hasOwnProperty(param) &amp;&amp; value === 'all' &amp;&amp; param !== 'type') {
          return true;
      }
  ...etc
  }
  </code></pre>
  
  <p>...and the computed property the method is looking at:</p>
  
  <pre><code>activeFilters() {
      return this.$store.state.activeFilters;
  },
  </code></pre>
  
  <p>Which is in the Vuex state.</p>
  
  <p>The problem is, these properties aren't updating when one of the dropdowns with the above class binding is clicked on. If I navigate to another route and then back, the active class has been applied just fine. Can I force the computed property to recompute so the class is applied immediately?</p>
  
  <p>I understand that adding properties won't trigger reactivity, <a href="https://vuex.vuejs.org/en/mutations.html" rel="noreferrer">but according to this</a>, if I replace the object with a fresh one, reactivity should be maintained. Well here's what I'm doing:</p>
  
  <pre><code>state.activeFilters = query;
  </code></pre>
  
  <p>...replacing the object. I am stumped.</p>