vue按钮刷新父组件的所有子组件

在Vue中，如果想要刷新父组件的所有子组件，可以通过在父组件中定义一个变量，然后在点击按钮时改变这个变量的值，从而触发子组件的重新渲染。具体实现可以参考以下步骤：
1. 在父组件中定义一个变量，例如timer。
2. 在子组件标签上添加:key="timer"属性，这样每次timer变化时，子组件都会重新渲染。
3. 在点击按钮的方法中，改变timer的值，例如this.timer = new Date().getTime()。

代码示例：

// 父组件
<template>
  <div>
    <div>
      <h1>父级</h1>
      <button @click="handleLoad">点击重新加载子级</button>
    </div>
    <children :key="timer"></children>
  </div>
</template>

<script>
import children from '@/components/parent/children'

export default {
  name: 'parent',
  components: { children },
  data () {
    return {
      timer: ''
    }
  },
  methods: {
    handleLoad () {
      this.timer = new Date().getTime()
    }
  }
}
</script>

// 子组件
<template>
  <div>
    子级
  </div>
</template>

<script>
export default {
  name: 'children',
  data () {
    return {}
  },
  created () {
    console.log('重新加载啦')
  }
}
</script>