如何在HTML父子关系中使用两个Svelte组件从子组件传递数据到父组件

<script>
  import ChildComponent from './ChildComponent.svelte';
  
  let childComponentInstance;
</script>

<ChildComponent bind:this={childComponentInstance} />

<script>
  import { setContext } from 'svelte';
  
  let data = 'Hello from child component';
  
  setContext('myData', data);
</script>

<script>
  import { getContext } from 'svelte';
  
  let childData = getContext('myData');
</script>

<p>Data from child component: {childData}</p>