vue父组件刷新子组件

如果你想刷新 Vue 父组件中的子组件，可以通过向子组件传递一个 key 值来实现。

在父组件中，将 key 值绑定到子组件上，当需要刷新子组件时，只需要更改 key 值即可。这样 Vue 会重新渲染子组件并执行相应的生命周期方法。

例如：

<template>
  <div>
    <button @click="refreshChild">刷新子组件</button>
    <child :key="childKey" />
  </div>
</template>

<script>
import Child from './Child.vue'

export default {
  components: {
    Child
  },
  data() {
    return {
      childKey: 0
    }
  },
  methods: {
    refreshChild() {
      this.childKey += 1
    }
  }
}
</script>

在上面的示例中，当点击“刷新子组件”按钮时，会将 childKey 值加一，从而实现刷新子组件的目的。