主要介绍了vue强制刷新组件的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

Vue 通过直接强制刷新 DOM 来达到重置组件的效果，这样可以重置一些组件的动画以及组件内初始的数据 强制重新生成 DOM 的实现 原理：强制重新生成 DOM 可以通过 Vue 中的 key 来实现。在 Vue 更新 Dom 时，如果 key 值相同则会对原有组件进行复用，如果不同，则会重新生成。 代码示例： 每次点击 refresh 按钮，Demo 组件都会重新生成 组件： /** * Demo.vue */ Demo [removed] export default {

前言： 在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我们手动进行强制刷新组件。 官网是这样说的： 可能你还不大理解，请继续往下看，下面是我的一个例子，来详细解说了这个方法的使用， 第一个打印结果 第二个打印结果           一、问题描述：父组件通过v-for渲染子组件，删除子组件数据出现异常。 <sig