问你能强制Vue.js重新加载/重新渲染吗？

EN

试试这个魔术咒语：

vm.$forceUpdate();

无需创建任何挂起的var :)

更新：当我刚开始使用VueJS时，我发现了这个解决方案。然而，进一步的探索证明这种方法是一种拐杖。在我的记忆中，有一段时间我摆脱了它，只是将所有无法自动刷新的属性(主要是嵌套属性)放入计算属性中。

更多信息请点击此处：https://vuejs.org/v2/guide/computed.html

这看起来像是来自this issue上的matthiasg的一个相当干净的解决方案

如果要完全重新生成组件，还可以使用:key="someVariableUnderYourControl"并更改密钥

在我的用例中，我将一个Vuex getter作为道具输入到一个组件中。不知何故，Vuex会获取数据，但反应性不会可靠地启动以重新呈现组件。在我的示例中，将组件key设置为prop上的某个属性可确保在getter(和属性)最终解析时进行刷新。

请阅读此http://michaelnthiessen.com/force-re-render/

可怕的方式:重新加载整个页面

可怕的方式:使用v-if黑客

更好的方法:使用Vue内置的forceUpdate方法进行

最好的方法:在component 上更改密钥

<template>
   <component-to-re-render :key="componentKey" />
</template>

<script>
 export default {
  data() {
    return {
      componentKey: 0,
    };
  },
  methods: {
    forceRerender() {
      this.componentKey += 1;  
    }
  }
 }
</script>

在某些情况下，我也使用watch：。