vue子组件能向父组件动态传值吗？怎么实现呢

vue子组件能向父组件动态传值吗？怎么实现呢
子组件值一直变则一直传

直接在父组件获取子组件的值 this.children.你的值

$emit

$refs或$emit

父组件

<template>
  <div>
    <h1>父组件</h1>
    <div>{{ parentCount }}</div>
    <Child @getChildValueChange="getChildValueChange" />
  </div>
</template>
<script>
import Child from "./child.vue";
export default {
  components: { Child },
  data() {
    return {
      parentCount: 0,
    };
  },
  methods: {
    getChildValueChange(childCount) {
      this.parentCount = childCount;
    },
  },
};
</script>

子组件

<template>
  <div>
    <h1>子页面</h1>
    <div>{{ childCount }}</div>
    <button @click="childChange">子组件改变</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      childCount: 0,
    };
  },
  methods: {
    childChange() {
      this.childCount++;
      this.$emit("getChildValueChange", this.childCount);
    },
  },
};
</script>

<style></style>

我想问的是vue3的