vue调用子组件刷新

可以通过给子组件添加一个 key 属性来强制刷新子组件。每当 key 发生变化时，Vue 会销毁旧的子组件并创建一个新的子组件，从而达到刷新的效果。

例如，在父组件中可以这样调用子组件：

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

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

每当点击“刷新子组件”按钮时，就会更新 childKey 的值，从而强制刷新子组件。