vue3 父组件使用子组件的变量

在 Vue 3 中，父组件可以使用子组件的变量，可以通过 props 的方式将子组件的变量传递给父组件进行使用。以下是一个简单的示例：

子组件 Child.vue：

<template>
  <div>
    <p>{{ childVariable }}</p>
    <button @click="updateChildVariable">Update Child Variable</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      childVariable: 'Hello from child component',