vue3刷新组件，点击子组件刷新父组件

在Vue 3中，如果你想要在点击子组件后刷新父组件，你可以使用自定义事件来通信。以下是一个简单的例子：

1. 子组件（ChildComponent.vue）：

<template>
  <button @click="refreshParent">刷新父组件</button>
</template>
 
<script setup>
const emit = defineEmits(['refresh'])
 
const refreshParent = () => {
  emit('refresh')
}
</script>

2. 父组件（ParentComponent.vue）：

<template>
  <ChildComponent @refresh="refreshComponent" />
</template>
 
<script setup>
import { ref } from 'vue'
import ChildComponent from './ChildComponent.vue'
 
const lastUpdated = ref(Date.now())
 
const refreshComponent = () => {
  // 这里可以执行刷新父组件状态的逻辑
  lastUpdated.value = Date.now()
}
</script>

在这个例子中，子组件有一个按钮，当按钮被点击时，它会触发一个名为 refresh 的自定义事件。父组件监听这个事件，并在事件处理函数 refreshComponent 中更新它的状态。