vue子组件回到父组件，刷新父组件

为了实现子组件回到父组件并刷新父组件，可以使用以下方法：
1.在父组件中定义一个方法，用于刷新父组件。例如：

// 父组件
<template>
  <div>
    <child-component @refresh="refreshParent"></child-component>
    <p>父组件变量num的值为：{{num}}</p>
  </div>
</template>

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

2.在子组件中触发事件，并将事件传递给父组件。例如：

// 子组件
<template>
  <div>
    <button @click="backToParent">返回父组件</button>
  </div>
</template>

<script>
export default {
  methods: {
    backToParent() {
      this.$emit('refresh')
    }
  }
}
</script>

当子组件中的按钮被点击时，会触发backToParent方法，该方法通过this.$emit('refresh')将事件传递给父组件。父组件中的refreshParent方法会被调用，从而实现了父组件的刷新。