Javascript 对属性更改运行查询

我对苗条很陌生，还没有完全了解绑定和更新

我的组件应该在

jobId

属性每次更改时查询服务器，但我似乎不知道如何进行查询

<script>
    import StatusItem from './StatusItem.svelte';
    import { getClient, query } from 'svelte-apollo';
    import { client, JOBDETAIL } from '../data';

    export let jobId;

    let steps = query(client, { query: JOBDETAIL, variables: { id: jobId } })
</script>

<div class="steps">
    {jobId}
        {#await $steps}
            Loading...
        {:then result}
            {#each result.data.history[0].details as step}
                <StatusItem title={step.step} subtitle={step.time} status={step.status}/>
            {/each}
        {/await}
</div>

从“./StatusItem.svelte”导入StatusItem；
从“svelte apollo”导入{getClient，query}；
从“../data”导入{client，JOBDETAIL}；
出口许可证；
让steps=query（客户端，{query:jobdail，变量：{id:jobId}）
{jobId}
{#等待$steps}
加载。。。
{：那么结果}
{#每个结果.data.history[0]。详细信息如步骤}
{/每个}
{/等待}

问题是，当

jobId

发生变化时，它当然不会调用

query

函数，我可以理解为什么它不会。但我不知道怎么解决它。我尝试在更新之前使用

，但这似乎不正确

您可以使用

从“./StatusItem.svelte”导入StatusItem；
从“svelte apollo”导入{getClient，query}；
从“../data”导入{client，JOBDETAIL}；
出口许可证；
$：步骤=查询（客户端，{query:jobdail，变量：{id:jobId}）
{jobId}
{#等待$steps}
加载。。。
{：那么结果}
{#每个结果.data.history[0]。详细信息如步骤}
{/每个}
{/等待}