当属性在 svelte 中发生变化时如何做某事答案

【问题标题】：How to do something when an attribute changes in svelte当属性在 svelte 中发生变化时如何做某事
【发布时间】：2020-01-18 11:26:21
【问题描述】：

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

我想出的是以下模式。

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

    $: {
        testIsChanged(test);
    }

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

The value of test is {test}

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

【问题讨论】：

更简单，就是$: console.log(test) — svelte.dev/repl/99fc7cf6e45c41859eb27146b99b5af3?version=3.12.1
只是为了确保我不会错过任何东西。 @RichHarris，我想在我的函数中做的是从服务器加载数据：D，那么这就是方式。通过命名约定将自定义控件中侦听的“属性更改”实际传播到控件内部的函数是否是一个想法？我会把它作为一个问题放在 github..
再想一想……没必要……

标签： custom-element svelte

【解决方案1】：

这确实可行，如您所见in this REPL

【讨论】：