Esto parece una solución bastante limpia de matthiasg en este problema :

También puede usar :key="someVariableUnderYourControl" y cambiar la clave cuando desee que el componente se reconstruya completamente

Para mi caso de uso, estaba alimentando un Vuex getter en un componente como prop. De alguna manera Vuex recuperaría los datos, pero la reactividad no se activaría de manera confiable para volver a procesar el componente. En mi caso, establecer el componente key a algún atributo en la prop garantizó una actualización cuando los getters (y el atributo) finalmente se resuelven.

Use vm.$set('varName', value). Busque los detalles en Change_Detection_Caveats.

¿Por qué?

...¿ necesidad para forzar una actualización?

Tal vez usted no está explorando el SDV en su mejor momento:

Tener SDV automáticamente react to value changes, the objects must be initially declared in data. O, si no, deben añadirse usando Vue.set().

Vea los comentarios en la demostración a continuación. O abra el la misma demo en un JSFiddle aquí.

new Vue({
  el: '#app',
  data: {
    person: {
      name: 'Edson'
    }
  },
  methods: {
    changeName() {
      // because name is declared in data, whenever it
      // changes, Vue automatically updates
      this.person.name = 'Arantes';
    },
    changeNickname() {
      // because nickname is NOT declared in data, when it
      // changes, Vue will NOT automatically update
      this.person.nickname = 'Pele';
      // although if anything else updates, this change will be seen
    },
    changeNicknameProperly() {
      // when some property is NOT INITIALLY declared in data, the correct way
      // to add it is using Vue.set or this.$set
      Vue.set(this.person, 'address', '123th avenue.');
      
      // subsequent changes can be done directly now and it will auto update
      this.person.address = '345th avenue.';
    }
  }
})

/* CSS just for the demo, it is not necessary at all! */
span:nth-of-type(1),button:nth-of-type(1) { color: blue; }
span:nth-of-type(2),button:nth-of-type(2) { color: red; }
span:nth-of-type(3),button:nth-of-type(3) { color: green; }
span { font-family: monospace }

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <span>person.name: {{ person.name }}</span><br>
  <span>person.nickname: {{ person.nickname }}</span><br>
  <span>person.address: {{ person.address }}</span><br>
  <br>
  <button @click="changeName">this.person.name = 'Arantes'; (will auto update because `name` was in `data`)</button><br>
  <button @click="changeNickname">this.person.nickname = 'Pele'; (will NOT auto update because `nickname` was not in `data`)</button><br>
  <button @click="changeNicknameProperly">Vue.set(this.person, 'address', '99th st.'); (WILL auto update even though `address` was not in `data`)</button>
  <br>
  <br>
  For more info, read the comments in the code. Or check the docs on <b>Reactivity</b> (link below).
</div>

Para dominar esta parte de Vue, verifique los documentos Oficiales sobre Reactividad - Advertencias de Detección de Cambios. Es una lectura obligada!

Intente usar this.$router.go(0); para recargar manualmente la página actual.

Encontré una manera. Es un poco raro, pero funciona.

vm.$set("x",0);
vm.$delete("x");

Donde vm es su objeto de modelo de vista, y x es una variable inexistente.

SDV.js se quejará de esto en el registro de la consola, pero activa una actualización para todos los datos. Probado con la versión 1.0.26.

Puede forzar el re-renderizado de la interfaz de usuario: este.forc forceUpdate ();

Usando la directiva v-if

<div v-if="trulyvalue">
    <component-here />
 </div>

Así que simplemente cambiando el valor de trulyvalue de falso a verdadero causará que el componente entre el div vuelva a enviar

Claro .. simplemente puede usar el atributo key para forzar el re-renderizado (recreación) en cualquier momento.

<mycomponent :key="somevalueunderyourcontrol"></mycomponent>

Véase https://jsfiddle.net/mgoetzke/epqy1xgf / para un ejemplo

También se discutió aquí: https://github.com/vuejs/Discussion/issues/356#issuecomment-336060875