如何在Svelte中的组件中每次更改属性时都发出fetch请求？

<script>
  import { onMount, afterUpdate } from 'svelte';

  export let data;

  let fetchData = () => {
    // 发起fetch请求的代码，可以根据需求使用不同的fetch库或原生fetch API
    // 这里使用fetch API作为示例
    fetch('https://example.com/api/data')
      .then(response => response.json())
      .then(result => {
        // 处理请求结果
        data = result;
      });
  };

  onMount(() => {
    // 组件初始化时，立即发起fetch请求
    fetchData();
  });

  afterUpdate(() => {
    // 监听data属性的变化，并在变化时发起fetch请求
    $: {
      if (data !== undefined) {
        fetchData();
      }
    }
  });
</script>

<!-- 组件内容 -->
<div>
  <!-- 渲染数据 -->
  {#if data}
    <ul>
      {#each data as item}
        <li>{item}</li>
      {/each}
    </ul>
  {:else}
    <p>Loading...</p>
  {/if}
</div>