Svelte 中的 watch: 反应性语句

1 前言

Svelte 中反应性不仅可以作声明用，还可以用在一段语句中，这点类似 Vue 中的 watch，但比 watch 灵活。

2 正文

<script>
  import { loop_guard } from "svelte/internal";

  let count = 3;
  const increment = () => count++;

  // 反应性声明
  $: dbCount = count * 2;

  // 反应性语句1
  $: console.log(count, dbCount);

  // 反应性语句2
  $: {
    const a = dbCount + count;
    console.log(a);
  }

  // 反应性语句3
  $: if (dbCount === 16) {
    console.log("sixteen");
  }
</script>

<button on:click={increment}>{count} - {dbCount}</button>

 

3 总结

莫得。

4 参考

• https://www.sveltejs.cn/tutorial/reactive-statements