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 参考

Svelte 中的 watch: 反应性语句

上一篇:Windows10 从零搭建 Hadoop/Hive 环境及 Hive 入门


下一篇:vue-cli跨域配置请求API接口