vue3子传父组合式

在 Vue3 中，可以使用 `provide` 和 `inject` 实现子组件向父组件的传值。具体实现步骤如下：

1. 在父组件中使用 `provide` 提供数据，例如：

   <template>
     <div>
       <child-component></child-component>
     </div>
   </template>
   
   <script>
   import { provide } from 'vue';
   import ChildComponent from './ChildComponent.vue';
   
   export default {
     components: {
       ChildComponent
     },
     setup() {
       const data = 'Hello, world!';
       provide('data', data);
     }
   }
   </script>

2. 在子组件中使用 `inject` 注入数据，例如：

   <template>
     <div>{{ data }}</div>
   </template>
   
   <script>
   import { inject } from 'vue';
   
   export default {
     setup() {
       const data = inject('data');
       return {
         data
       };
     }
   }
   </script>

这样就可以实现子组件向父组件的传值了。