当属性发生 svelte 变化时如何处理

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

正如您在 REPL 中看到的那样，这确实有效