结论

强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。 当我们需要重新渲染组件时，只需更 key 的值，Vue 就会重新渲染组件。

三种方式

1. 不妥的方式：使用 v-if

2. 较好的方法：使用Vue的内置forceUpdate方法

3. 最好的方法：在组件上进行 key 更改

补充说明

1. 补充一下，vm.$forceUpdate()迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

2. v-if实现销毁与重新渲染。

3. 更该key相当于重新渲染一个新组件，用 key 管理可复用的元素，Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。

参考文章链接

Vue 中 强制组件重新渲染的正确方法 (opens new window)