Svelte：如何订阅类实例内的存储

Question

如何订阅writable()类的实例？

class User{
    public money: Writable<number> = writable(0);

    public goToJob(){
        money.update(prev => prev + 100);
    }
}

<script>
    let user = new User();
</script>

<div>{user.$money}</div>
<button on:click={() => user.goToJob()}>Go to Job</button>

当我单击按钮时，我希望添加资金并反映在 div 上。尽管我正确地引用了商店，但它并没有更新money。

Answer 1

解决了; 实际上很容易。只需解构类实例：

<script>
    let user = new User();
    let { money } = user;
</script>

<div>{$money}</div>
<button on:click={() => user.goToJob()}>Go to Job</button>