title: Vue.js Force computed properties to recompute?
body: <p>Here is my component's computed property:</p>
  
  <pre><code>methods: {
    addFavoritePlace(place_id) {
      axios.post('/api/add-favorite-place', { place_id: place_id })
        .then(response =&gt; {
          // I need here force command.
        });
    },
  },
  
  computed: {
    filteredPlaces: function () {
      var is_open;
  
      if (this.showOpened) {
        is_open = 'open'
      } else {
        is_open = 'close'
      }
  
      return this.singlePlaces.filter((j) =&gt; {
          return j.name.toLowerCase().match(this.search.toLowerCase();
      });
    }
  }
  </code></pre>
  
  <p>And my markup:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;span @click="addFavoritePlace(place.id)" class="favorite-btn active" v-if="place.is_favorited == true"&gt;
    &lt;i class="icon-heart"&gt;&lt;/i&gt;
  &lt;/span&gt;
  
  &lt;span @click="addFavoritePlace(place.id)" class="favorite-btn" v-else&gt;
    &lt;i class="icon-heart"&gt;&lt;/i&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I need to call the filtering function inside computed again.
  To activate the Favorite button.</p>