另外，nextTick 可以与 promise 一起使用:
forceRerender() {
// 从 DOM 中删除 my-component 组件
this.renderComponent = false; this.$nextTick().then(() => {
this.renderComponent = true;
});
}
不过，这并不是一个很好的解决方案，所以，让我们做 Vue 想让我们做的
较好的方法：forceUpdate 方法
这是解决这个问题的两种最佳方法之一，这两种方法都得到了Vue的官方支持。
通常情况下，Vue 会通过更新视图来响应依赖项中的更改。然而，当我们调用forceUpdate时，也可以强制执行更新，即使所有依赖项实际上都没有改变。
下面是大多数人使用这种方法时所犯的最大错误。
如果 Vue 在事情发生变化时自动更新，为什么我们需要强制更新呢？
原因是有时候 Vue 的响应系统会让人感到困惑，我们认为Vue会对某个属性或变量的变化做出响应，但实际上并不是这样。在某些情况下，Vue的响应系统根本检测不到任何变化。
所以就像上一个方法，如果你需要这个来重新渲染你的组件，可能有一个更好的方法。
有两种不同的方法可以在组件实例本身和全局调用forceUpdate：
// 全局
import Vue from 'vue';
Vue.forceUpdate();// 使用组件实例
export default {
methods: {
methodThatForcesUpdate() {
// ...
this.$forceUpdate();
// ...
}
}
}
重要提示：这不会更新任何计算属性，调用forceUpdate仅仅强制重新渲染视图。
最好的方法：在组件上进行 key 更改
在许多情况下，我们需要重新渲染组件。
要正确地做到这一点，我们将提供一个key属性，以便 Vue 知道特定的组件与特定的数据片段相关联。如果key保持不变，则不会更改组件，但是如果key发生更改，Vue 就会知道应该删除旧组件并创建新组件。
正是我们需要的！
但是首先，我们需要绕一小段路来理解为什么在Vue中使用key。
为什么我们需要在 Vue 中使用 key
一旦你理解了这一点，那么这是了解如何以正确方式强制重新渲染的很小的一步。
假设我们要渲染具有以下一项或多项内容的组件列表：
有本地的状态
某种初始化过程，通常在created或mounted钩子中
通过jQuery或普通api进行无响应的DOM操作
如果你对该列表进行排序或以任何其他方式对其进行更新，则需要重新渲染列表的某些部分。 但是，不会希望重新渲染列表中的所有内容，而只是重新渲染已更改的内容。
为了帮助 Vue 跟踪已更改和未更改的内容，我们提供了一个key属性。 在这里使用数组的索引，因为索引没有绑定到列表中的特定对象。
