如何比较 Svelte 3 中的 Prop 变化

Svelte 3 中是否有一种机制可以在渲染之前比较组件内的 prop 更改？类似于 反应从Props获取DerivedState https://reactjs.org/docs/react-component.html#static-getderivedstatefromprops.

<script>
 export let color;

  // Does anything like this exist in Svelte?

  beforeUpdate((changes) => {
     const same = changes.prev.color === changes.next.color
  })
</script>

如果你只想在以下情况下执行一段代码color更改时，您可以使用反应式声明：

<script>
  export let color;

  $: {
     console.log('color changed', color);
     // will only get called when the `color` changed.
  }
</script>

但是，如果您想使用当前值和先前值执行该代码段，您可以执行以下操作：

<script>
  export let color;
  let prevColor;

  $: {
     console.log('currentColor:', color, 'prevColor:', prevColor);
     prevColor = color;
  }
</script>