当属性改变时如何处理

Question

使用Svelte创建Web组件，当更改组件的属性时，我需要运行一些代码。

我想出的是以下模式。

<script>
    export let test = "default value";

    $: {
        testIsChanged(test);
    }

    function testIsChanged(newValue) {
        console.log(newValue);
    }
</script>

The value of test is {test} 

这是这样做的方法吗？还是我错过了什么？

Answer 1

这确实有效，如您所见in this REPL